修改this的指向

时间：2021-04-07 20:42:11 阅读：28 评论：0 收藏：0 [点我收藏+]

一、为什么要修改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指向的新函数，需要我们手动调用

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

修改this的指向

原文：https://www.cnblogs.com/qiaozhiming123/p/14628880.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)