5.7 call bind apply的使用

最新推荐文章于 2024-08-06 10:24:22 发布

LetsStudy

最新推荐文章于 2024-08-06 10:24:22 发布

阅读量337

点赞数

CC 4.0 BY-SA版权

分类专栏： Nodejs 文章标签： call bind apply

本文链接：https://blog.youkuaiyun.com/LetsStudy/article/details/123850370

Nodejs 专栏收录该内容

49 篇文章

订阅专栏

本文详细解析JavaScript中apply、bind和call方法的用法，探讨它们如何处理参数传递，以及在实际编程中的应用场景和区别。重点讲解了在多参数情况下的行为和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、先看示例

const a = function (pars){
    console.log(pars)
}
function f(){
    return a.apply(a,arguments)
}
function g(){
    return a.bind(a,...arguments)()
}
function e(){
    return a.call(a,...arguments)
}
f('apply')
g('bi','nd')
e('call')

/**
output:
apply
bi
call
*/

apply方法只有两个参数

如果需要使用arguments接收多个参数，需要使用数组，如果没有使用[arguments]，但是却传递了多个参数，则最终指挥输出第一个参数，如下

const a = function (pars){
    console.log(pars[0] + pars[1])
}
function f(){
    return a.apply(a,[arguments])
}
function h(){
    return a.apply(a,arguments)
}
f('apply','apply')
//output:    f():applyapply  h():apply

bind方法是可以接收多个arguments

//如果bind使用了...arguments，调用时传递了多个参数，但是方法里却只有一个形参
//最终也只会输出第一个参数，即形参要与实参一一对应
const a = function (pars){
//需要输出具体的下标
    console.log(pars[0])
}
function g(){
//没有使用...arguments
    return a.bind(a,arguments)()
}
//如果传递多个参数，则下标是哪个，就输出哪个
g('bi')

//output:bi

//使用...arguments，则可以接受任意多的参数
function j(){
    return a.bind(a,...arguments)()//与call和apply不同，后面多了对括号
}

call与bind相同，bind后面比call多一对括号