call()与构造函数的运用

一、简介

call()和apply()方法是所有函数体的固有属性,可以在指定作用域下调用函数。这里面有两层意思:1.可以在另外的作用域下调用函数;2.当函数体是是构造函数时,call()方法能达到类之间继承的效果。

二、call()

1.调用函数

下面举例说明:

var a = function (){
    console.log('aaa')
}

var b = function (){
    a.call(this);
}
b();  //输出 aaa

a.call(this)等效于a(),即是在b函数的作用域下调用了a();这种用法意义不大,理解就行。 

2.构造函数继承

call()方法主要在面向对象编程中使用,可在不同类(构造函数)中继承。

var A = function(){
    this.a = function(){
        console.log('aaa')
    };
    this.name = 'a';
    console.log('this is a');
}

var B = function (){    
    A.call(this); 
    this.num = '2';
}

var boo = new B();    //this is a
boo.a();    //aaa
console.log(boo.name);    //a
console.log(boo.num);    //2

A、B都是构造函数,A.call(this)即是在B作用域下调用A构造函数。因此,B继承了A的属性、方法,同时调用了A构造函数。B的实例将拥有A的所有特性。

下面我们再来看个例子:

var A = function(){
    this.a = function(){
        console.log('aaa')
    };
    this.name = 'a';
    console.log('this is a');
}

var B = function (){    
    A.call(this);  
    this.num = '2';
}

var c = {}  
B.call(c);    //this is a
c.a();    //aaa
console.log(c.name);    //a
console.log(c.num);    //2

定义对象c(非构造函数),再c的作用域下调用B构造函数,c对象也会继承B的所有属性、方法。这是一个对象实例和构造函数的区别。

 

posted on 2017-09-04 19:56  世界之魂  阅读(323)  评论(0编辑  收藏  举报

导航