修改this的指向

一、为什么要修改this的指向

在某些业务场景中需要修改this的指向，才能实现

二、怎么修改this的指向

  1. call（）方法，语法：函数名.call(目标对象，实参列表....).目标对象就是你要让this指向的对象
  2. apply()方法，语法：函数名.apply(目标对象，实参列表)
  3. bind()方法，语法：函数名.bind(目标对象，实参列表)
  4. 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();

     

  5. Call和apply的区别仅仅是传实参的区别

    1.call是把实参一直往后写，apply是把实参放到一个数组里

  6. bind与call和apply的区别是调用时机的区别

    1.call和apply在修改this指向的同时会立刻调用该函数，bind在修改this指向只后会不立刻调用，而是返回一个修改完this指向的新函数，需要我们手动调用

三、面试题这三个方法的区别

posted @ 2021-04-07 17:57  前端乔  阅读(162)  评论(0)  编辑  收藏  举报