function fn(a){ this.innerHTML = a; console.log(this); } //fn("hello"); span1.onclick =function(){ console.log(this); fn.bind(div1)("hello world!"); // 这里我们得到的this 指向span1 } div1.onclick =function(){ console.log(this); //这里我们得到this指向window; fn(); }
OK! 我们在对点击span1的fn()时,可以看到 此时span1下的函数this发生了改变;而我们在点击div1中点击时,可以看到我们的div1下的this指向window。也就是说原函数并没有改变。在经过我们测试之后我们得出 bind()方法其实 就是让我们在堆内存中新copy了一份; 而不是仅仅只是在栈内存中copy了一个地址;其中2个函数是相互不影响的。
给自己加油!!!