前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js中的call和apply

js中的call和apply

原创
作者头像
IT工作者
发布2022-03-20 17:19:06
1.6K0
发布2022-03-20 17:19:06
举报
文章被收录于专栏:程序技术知识

一、call和apply简介

call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数,两个方法的第一个参数必须是对象本身。

两个方法都使用了对象本身作为第一个参数。 两者的区别在于第二个参数: apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始)。

在 JavaScript 严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值, 即使该参数不是一个对象。

在 JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。

二、call和apply的相同点和不同点

1. 区别

call传递的参数是序列1,2,3,4

apply传递的参数是集合型[1,2,3,4]

2. 相同点

call和apply是替换前面函数内部的this指针以及传递参数。

功能:可以自动执行前面的函数

都有两个参数:a. 替换的对象 b. 传递的值

三、例子

代码语言:javascript
复制
    var obj={
        name:"张三",
        age:20
    };
    function method(){
        console.log(this);//window
    }
    method(); 

this指向的是window,那么怎么让他指向当前对象obj呢?

方法1:使用call

代码语言:javascript
复制

    var obj={
        name:"张三",
        age:20
    };
    function method(a,b,c){
        console.log(this,a,b,c);//{name: "张三", age: 20} 1 2 3
    }
    method.call(obj,1,2,3); 

方法2:使用apply

代码语言:javascript
复制
    var obj={
        name:"张三",
        age:20
    };
    function method(a,b,c){
        console.log(this,a,b,c);//{name: "张三", age: 20} 1 2 3
    }
    method.apply(obj,[1,2,3]); 

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档