一、为什么要修改this的指向
在某些业务场景中需要修改this的指向,才能实现
二、怎么修改this的指向
- call()方法,语法:函数名.call(目标对象,实参列表....).目标对象就是你要让this指向的对象
- apply()方法,语法:函数名.apply(目标对象,实参列表)
- bind()方法,语法:函数名.bind(目标对象,实参列表)
-
function abc(n1,n2){ console.log("sbc方法别调用了",this,n1,n2); } abc(100,200);//Window 100 200 abc.call(div1,100,200);//sbc方法别调用了 <div id="div1"></div> 100 200 abc.call(100,100,200);//sbc方法别调用了 Number 100 200 abc.apply(document.body,[111,113]);//sbc方法别调用了 <body>…</body> 111 113 var newFunc=abc.bind(document.documentElement,333,332);
//sbc方法别调用了 <html><head>…</head><body>…</body></html> 333 332 newFunc(); - Call和apply的区别仅仅是传实参的区别
1.call是把实参一直往后写,apply是把实参放到一个数组里
- bind与call和apply的区别是调用时机的区别
1.call和apply在修改this指向的同时会立刻调用该函数,bind在修改this指向只后会不立刻调用,而是返回一个修改完this指向的新函数,需要我们手动调用
三、面试题这三个方法的区别