对象属性绑定自己对象无效？

Question

以下属性绑定虽然是多此一举，但为什么给属性重新绑定自身对象，反而成了window？varobj={con:functionfn(x){console.log(x);//10console.log(this);//window}.bind(obj)}obj.con(10);

Answer 1

这个问题其实牵涉的比较多，先说var的问题，题主的代码相当于：
1、代码执行前就会做var声明提升，且初始值为undefined，所以题主代码相当于：
varobj;
obj={
con:functionfn(x){
console.log(x);//10
console.log(this);//window
}.bind(obj)
}
obj.con(10);
2、赋值的执行顺序问题：
A=B;//整个表达式返回B
但是完整意义上是这样的：
计算表达式A，得到一个引用refA；
计算表达式B，得到一个值valueB；
将valueB赋给refA指向的名称绑定；
返回valueB。
所以题主的代码:
varobj;
obj={
con:functionfn(x){
console.log(x);//10
console.log(this);//window
}.bind(obj)
}
obj.con(10);
在进行到bind(obj)这里的时候，obj还是undefined,直到上述赋值完成，obj才指向那个对象，所以题主bind(obj)等价于bind(undefined);
这个赋值的顺序问题，也解释了，你用let的时候，报错objisnotdefined的原因；
3、在thisArgu的位置传入了undefined,this通常会指向谁呢？这个测试下就知道了，印象里浏览器端非严格模式大多是window,严格模式大多是undefined，测试代码：
(function(){
console.log(this);//window
}).bind(undefined)();
(function(){
'usestrict'
console.log(this);//undefined
}).bind(undefined)();
                            

Answer 2

因为你绑定的就是undefined,1var有声明的提升作用，换为let或者const直接报错2在es3环境下this=undefined=>windowvarobj={
con:(function(){
returnfunctionfn(x){
console.log(x);
console.log(this);
};
console.log(obj);//undefined
})()
}你的代码和这个一样的效果varobj={
con:functionfn(x){
console.log(x);
console.log(this);
}
}
obj.con=obj.con.bind(undefined);//将undefined换为obj就ok