js 中bind

JS this指向与bind用法

转载于 2018-04-03 12:02:00 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/l8l8/p/8707724.html

本文通过实例演示了JavaScript中this关键字的指向变化及bind方法的使用技巧。bind方法可以使函数中的this指向指定的对象，并且能够创建一个新函数作为原函数的拷贝。

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个函数是相互不影响的。

给自己加油！！！

转载于:https://www.cnblogs.com/l8l8/p/8707724.html