修改this的指向

2021/4/7 18:09:05

本文主要是介绍修改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指向的新函数,需要我们手动调用

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



这篇关于修改this的指向的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程