美文网首页
函数的call,apply,bind方法

函数的call,apply,bind方法

作者: 懒懒猫 | 来源:发表于2023-03-27 17:33 被阅读0次

apply、call、bind三者的异同在于:

  • 都可以改变函数的this对象指向
  • 第一个参数相同,都是this要指向的对象,如果如果没有这个参数或参数为undefined或null,则默认指向全局window;第二个参数,apply是数组,而call和bind是参数列表。
  • apply和call是一次性传入参数,立即执行;而bind可以分为多次传入,bind()的返回值是改变了this指向的新函数,bind()并不会去调用函数
    ,需手动调用。

function fn(...args) {
            console.log(this, args);
        }
        let obj = {
            myname: "张三"
        }
        // apply-------------------------
        fn.apply(obj, [1, 2]); // this指向obj,传入的第二个参数必须是一个数组;
        fn(1, 2) // this指向window
        fn.apply(null,[1,2]); // this指向window
             fn.apply(undefined,[1,2]); // this指向window
        
        
        // call-------------------------
        fn.call(obj, 1,2); // this指向obj,传入的第二个参数是参数列表;
        fn(1, 2) // this指向window
        
        
        // bind-------------------------
        var newFn=fn.bind(obj); // this指向obj ,bind不是立即执行需手动执行
        newFn(1,2)// this指向obj

相关文章

网友评论

      本文标题:函数的call,apply,bind方法

      本文链接:https://www.haomeiwen.com/subject/rbuzrdtx.html