美文网首页
var has = Function.call.bind(Obj

var has = Function.call.bind(Obj

作者: Rose_yang | 来源:发表于2021-09-02 20:29 被阅读0次

一、本问题理解:

Array.prototype.slice.call()
Function.prototype.call.bind(Array.prototype.slice)

call的作用就是一个传递作用,将它的参数作为this传递给它本身的this…

首先是Array.prototype.slice.call(),
slice调用call方法,这里call的this指向slice对象,同时call获取到slice的this,并将其绑定在指定参数上,slice函数执行.

然后是Function.prototype.call.bind(Array.prototype.slice),这里bind将call的this绑定在slice上,生成一个新的函数(Foo)返回,
那么之后再调用Foo,Foo就会将slice的this绑定在指定的参数上,再由slice执行.

所以可以说它们的作用是等同的,不同点只是call的this始终绑定在slice上,后续调用更方便.

二、相关基础知识:

1、JavaScript中apply、call、bind的区别与用法

1.1 、Function.prototype.apply()
apply() 方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数。
语法
func.apply(thisArg, [argsArray])

1.2、Function.prototype.call()
call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。
语法
fun.call(thisArg, arg1, arg2, ...)

1.3、Function.prototype.bind()
bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值,在调用新函数时,在任何提供之前提供一个给定的参数序列。
语法
fun.bind(thisArg, 队列or数组)()

2、用法

let me = {
        name: "me",
        sayHello: function (age) {
                console.log("hello, I am", this.name + " " + age + " " + "years old")
        }
    }
    let someone = {
            name: "someone",
    }
    me.sayHello(24) // hello, I am me 24 years old

2.2 call 与apply方法的用法

me.sayHello.apply(someone, [24]) // hello, I am someone 24 years old
me.sayHello.call(someone, 24) // hello, I am someone 24 years old

结果相同,call()和apply(),第一个参数都是要绑定上下文,后面的参数是要传递给调用该方法的函数的。不同之处在于,在给调用函数传递参数时,apply()是数组,call()参数是逐个列出的。

2.3 bind()的用法

me.sayHello.bind(someone, 24)() // hello, I am someone 24 years old
me.sayHello.bind(someone, ([24])() // hello, I am someone 24 years old

bind方法传递给调用函数的参数可以逐个列出,也可以写在数组中。bind方法与call、apply最大的不同就是前者返回一个绑定上下文的函数,而后两者是直接执行了函数。因此,以上代码也可以这样写:

me.sayHello.bind(someone)(24) // hello, I am someone 24 years old
me.sayHello.bind(someone)([24]) // hello, I am someone 24 years old

总结bind()的用法:该方法创建一个新函数,称为绑定函数,绑定函数会以创建它时传入bind()的第一个参数作为this,传入bind()的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。

3. 总结

(1).三者都可以改变函数的this对象指向。
(2).三者第一个参数都是this要指向的对象,如果如果没有这个参数,默认指向全局window。
(3).三者都可以传参,但是apply是数组,而call是有顺序的传入。
(4).bind 是返回对应函数,便于稍后调用;apply 、call 则是立即执行 。

相关文章

网友评论

      本文标题:var has = Function.call.bind(Obj

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