JavaScript 中的 this 全面解析

a: 2,

foo: foo

}

var obj2 = {

a: 3,

foo: foo

}

obj1.foo(); // 2

obj2.foo(); // 3

obj1.foo.call(obj2); // 3

obj2.foo.call(obj1); // 2

可以看到，显式绑定优先级更高，也就是说袈溱断定时应当先推敲是否可以存在显式绑定。

如今我们要搞清跋扈new绑定和隐式绑定的优先级谁高谁低：

function foo(something){ 
    this.a = something 
} 
 
var obj1 = { 
    foo: foo 
} 
 
var obj2 = {} 
 
obj1.foo(2);  
console.log(obj1.a); // 2 
 
obj1.foo.call(obj2,3); 
console.log(obj2.a); // 3 
 
var bar = new obj1.foo(4) 
console.log(obj1.a); // 2 
console.log(bar.a); // 4

可以看到，new绑定修改了硬绑定中的this，所以new绑定的优先级比显式绑定更高。

之所以要在new中应用硬绑定函数，重要目标是预先设置函数的一些参数，如许在应用new进行初始化时就可以只传入其余的参数。bind(…)的功能之一就是可以把除了第一个参数(第一个参数用于绑定this)之外的其他参数都传给基层的函数(这种技巧称为“部分应用”，是“柯里化”的一种)。举例来说：

function foo(p1,p2){ 
    this.val = p1 + p2; 
} 
 
// 之所以应用null是因为在本例中我们并不关怀硬绑定的this是什么 
// 反正应用new时this会被修改 
var bar = foo.bind(null,'p1'); 
 
var baz = new bar('p2'); 
 
baz.val; // p1p2 
}

柯里化:在直觉上，柯里化声称“如不雅你固定某些参数，你将获得接收余下参数的一个函数”。所以对于有两个变量的函数yx，如不雅固定了 y = 2，则获得有一个变量的函数 2x

This在箭头函数中的应用

箭头函数不应用this的四种标准规矩，而是根据外层(函数或者全局)感化域来决定this。

我们来看一下箭头函数的词法感化域：

function foo() { 
    // 返回一个箭头函数 
    return (a) => { 
        // this持续自foo() 
        console.log(this.a) 
    }; 
} 
 
var obj1 = { 
    a: 2 
}; 
 
var obj2 = { 
    a: 3 
}; 
 
var bar = foo.call(obj1); 
bar.call(obj2); // 2, 不是3！ 	
			 3/4   首页 上一页 1 2 3 4 下一页 尾页	
			

　　推荐阅读
　　路由器密码忘了怎么办 自己动手不求人
            
            
                
                    
                
                
暗码忘了怎么办生活中路由器应用时光一长，不免产生问题，我们想要更改无线暗码、信道等无线路由器的设置，>>>详细阅读


本文标题：JavaScript 中的 this 全面解析
地址：http://www.17bianji.com/lsqh/35377.html
 1/2    1