call([thisObj[,arg1[, arg2[, [,.argN]]]]])
有两种使用call的方式,
第一:obj1.method1.call(obj2,argument1,argument2) //参数1,参数2是作为obj1的参数的
这里的call的作用就是把obj1的方法method放到obj2上,然后执行这个方法,后面的argument1..这些做为参数传入。
或者理解为obj2调用了obj1的方法,并把obj2自己的同名方法覆盖掉。
比如
function Class1()
{
this.name = "class1";
this.showNam = function()
{
alert(this.name);
}
}
function Class2()
{
this.name = "class2";
}
var c1 = new Class1();
var c2 = new Class2();
c1.showNam.call(c2);
弹出class2
第二种方式:
Class1.call(Class2) ,意思就是使用 Class1 对象代替Class2对象中已经定义的同名属性,
(注意这里的Class1,Class2并不是类,而是JS中的函数,当然JS中的函数我们也可以称其为对象)注意,这里是会用Class1中的属性和方法去覆盖Class2中已经出现的同名属性,如果这个属性或是方法在call方法之后出现,那么也会替代刚刚Class1中的属性和方法(可以理解为Class1中的方法和属性的优先级高于Class2中的方法和属性,这样即使Class2的方法和属性后出现,那么也不会覆盖掉Class1中的方法和属性)。比如
<script>
function Class1()
{ var test = "yellow";
this.showTxt = function(txt)
{
alert(test);
}
}
function Class2()
{
Class1.call(this);
this.showTxt = function()
{
alert("test");
}
}
var c2 = new Class2();
c2.showTxt("cc");
</script>
这里就是输出test
这个第二种方式就是JS中继承的一种方式
Class1.call(Class2) Class2就继承了Class1.
但是这种继承是否就跟prototype 一样呢?
答案是否定的
来看一个
http://cxy020.iteye.com/blog/1027254中的例子
<script>
function ClassA(c) {
this.color = c;
}
ClassA.prototype.sayColor = function () {
alert(this.color);
};
function ClassB(c, n) {
ClassA.call(this, c);
this.name = n;
}
var objB = new ClassB("red", "cxy");
objB.sayColor(); //运行报错 不存在这个方法
</script>
这里说明什么?就是他并没有继承A的prototype属性,B之所以没有继承A的prototype属性是由于A类并没有创建一个实例。一个类的prototype对象的属性必须需要实例化后才能拥有。
如果我们要是B继承A的prototype属性 ,只要ClassB.prototype = new ClassA();就可以了
如下:
<script>
function ClassA(c) {
this.color = c;
}
ClassA.prototype.sayColor = function () {
alert(this.color);
};
function ClassB(c, n) {
ClassA.call(this, c);
this.name = n;
}
ClassB.prototype = new ClassA();
ClassB.prototype.sayName = function () {
alert(this.name);
};
var objA = new ClassA("blue");
var objB = new ClassB("red", "cxy");
objA.sayColor(); //输出 "blue"
objB.sayColor(); //输出 "red"
objB.sayName(); //输出 "cxy"
</script>
分享到:
相关推荐
理解JavaScript的caller callee call apply
深化理解关于javascript中apply()和call()方法的区分_.docx
在JavaScript 中,this的指向是动态变化的,很可能在写程序的过程中,无意中破坏掉this的指向,所以我们需要一种可以把this的含义固定的技术,于是就有了call,apply 和bind这三个方法,来改变函数体内部 this 的...
NULL 博文链接:https://cuckoosnest.iteye.com/blog/470131
在一些jQuery插件中经常看到类似 callback.call(xxx,xxx) 虽然看到书上有介绍 说call和apply函数可以改变作用域,但还是无法非常透彻的理解改变作用域主要是为了解决什么问题,有没有替代方案,或者 这2个函数主要...
主要介绍了Javascript的call、apply,其作用基本相同,但也有略微的区别,需要的朋友可以参考下
主要给大家介绍了关于js中apply和call的理解与使用方法,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
主要介绍了JavaScript中函数(Function)的apply与call理解,本文讲解了JavaScript函数调用分为4中模式以及通过apply和call实现扩展和继承两方面,需要的朋友可以参考下
本文实例讲述了javascript中call,apply,bind函数用法。分享给大家供大家参考,具体如下: 一.call函数 a.call(b); 简单的理解:把a对象的方法应用到b对象上(a里如果有this,会指向b) call()的用法:用在函数上面 ...
理解Javascript的caller,callee,call,apply区别
在JavaScript中,call、apply和bind是Function对象自带的三个方法,本文将通过几个场景的应用,来详细理解三个方法。 call() call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法。 ...
Javascript – 全面理解 caller,callee,call,apply Author: BlueDestiny, never-online From: http://www.never-online.net, Blog.csdn.net/BlueDestiny 1、caller JScript参考中说明为:返回一个对函数的...
NULL 博文链接:https://davidxiaozhi.iteye.com/blog/1026937
如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,...
如果没接触过动态语言,以编译型语言的...好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主要就体现在apply, call两个方法的运用上. 区分apply,call就一句话, foo.call(this, arg1,arg2,arg3) == fo
这三本书对我理解this,call,apply都起了很大的帮助。 this 首先,我们先讲述this。 在《JavaScript设计模式与开发实践》关于this的描述中,我认为有一句话切中了this的核心要点。那就是: JavaScript的th
call和apply的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。例如,如果要想以对象o的方法来调用函数f,可以按如下的方式使用call和apply方法: 代码如下: f.call(o); f....