Nuxt CNode：Node.js专业中文社区

javascript中的call 到底什么意思啊，怎么用啊？

发布于 12 年前作者 yihaodian 7404 次预览最后一次回复是 12 年前来自

一直不理解call() 是什么意思啊。。到底怎么用啊。 call()看上去很高深的样子。

8 回复

下面是mdn的文档链接

对象 A 有属性 attr 和方法 do(); 对象 B 有属性 bttr

B想用A的方法do 怎么调用呢？你怎么写不能写成 A.do()啊这是A调用自身的方法这是就需要call了 A.do.call(B) 把B call过来执行方法

xiuxu123

3楼•12 年前

这个如果说可以牵扯出JavaScript中太多太多的东西了，上面haoxin也给出了相关的资料，这里我献丑简单的说下我的理解吧，

在JavaScript中最迷人的就是函数，而函数也是对象，所以函数也就拥有了属性和方法，每一个函数都拥有两个属性，一个是length和prototype。这里主要说call()所以其他的就不多说，

在js中每个函数都有两个方法：call(),apply()。这两个方法的作用就是设置函数体内this指向的值。如下面这个例子：

function sum(n1, n2){
    return n1 + n2;
}

function sum1(n1, n2){
    return sum.call(this, n1, n2);
}

console.log(sum1(1, 3));   //结果是4

call传递的参数第一个是运行函数所在的作用域，一般情况我们使用的时候是this.当然也可以直接指定作用域，比如：

        var name = "Jim";

        var p2 = {
            name: "Tang",
            age: 25
        };

        function say(){
            console.log(this.name);
        }

        say();       //Jim

        say.call(p2);    //Tang

后面跟多个直接的参数，这个参数也就是当前使用函数的参数个数比如sum()有几个参数就传递几个参数。这个haoxin给的链接说明了call。而apply()只接受两个参数，一个是作用域，一个参数的数组(也可以是arguments对象)。这个你可以参考上面的链接资料。

当然call()的真正作用还很大。它的作用还可以发挥在继承上面,这里演示一种继承方式：

        function P1(name){
            this.name = name;
            this.say = function(){
                console.log('my name is %s', this.name);
            };
        }

        function P2(name){
            P1.call(this, name);
        }

        var p = new P2("Jim");

        p.say();      //这里的结果就是‘my name is Jim’

熟练使用call()可以帮助我们很多！