修改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 @   前端乔  阅读(168)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
点击右上角即可分享
微信分享提示