首页 > 网站 > WEB开发 > 正文

Javascript 中“靠”的使用

2024-04-27 14:17:19
字体:
来源:转载
供稿:网友

javascript 中“靠”的使用

Javascript中call的使用自己感觉蛮纠结的,根据文档很好理解,其实很难确定你是否真正的理解。

call 方法应用于:Function 对象调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数:thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数序列。说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

1.最基本的理解:示例1

自定义一个类,该类有一个方法showTxt,用来显示当前对象的name值。

创建一个对象,并且该对象的name值等于test1。

使用call方法,使新创建的对象obj添加Class1类的showTxt方法,即把Class1类中的this.showTxt中的this指定成obj,这样obj就有了showTxt方法。弹出"test1"。

function Class1(){ this.showTxt = function(){alert(this.name)}}var obj = new Object();obj.name="test1"Class1.call(obj);obj.showTxt();//test1alert(obj.showTxt);//function(){alert(this.name)}

这个例子很容易理解。

2.再看一个稍微深入的理解

示例2:创建Class1的实例,让这个实例调用showTxt方法返回这个实例的name值,因为这个实现没有name值所以返回undefine.

function Class1(){ this.showTxt = function(){alert(this.name)}}var class1 = new Class1();class1.showTxt();//undefinedalert(class1.showTxt);//function(){alert(this.name)}

示例3:下面就给Class1添加个name值,这时class1再调用showTxt方法,会返回class1,这是因为给类添加了name值,所以实例的name也由undefine变成了class1.

function Class1(){ this.name = 'class1';//添加name值 this.showTxt = function(){alert(this.name)}}var class1 = new Class1();class1.showTxt();//class1alert(class1.showTxt);//function(){alert(this.name)}

示例4:Class1.call(obj) 这个操作把Class1中的this.name,this.showTxt里的this替换成了obj,所以就变成了obj.name='class1',所以obj.showTxt在执行时返回class1。

function Class1(){ this.name = 'class1';//添加name值 this.showTxt = function(){alert(this.name)}}function Class2(){ this.name = 'class2';}var class2 = new Class2();Class1.call(class2);alert(class2.showTxt);//function(){alert(this.name)}class2.showTxt();//class1

示例5:如果在Class1.call(obj);之后再添加obj.name = 'test1',最后结果会输入test1,原因显而易见。

function Class1(){ this.name = 'class1';//添加name值 this.showTxt = function(){alert(this.name)}}function Class2(){ this.name = 'class2';}var class2 = new Class2();Class1.call(class2);class2.name = 'test1';//重定义obj.name值alert(class2.showTxt);//function(){alert(this.name)}class2.showTxt();//test1

上面的例子call的都是一个对象的实例,接下来的案例把对象的实例直接换成函数,看看执行结果会发生哪些变化

3.把call方法的第一参数由实例换成函数看看会怎么

示例6:Class2是一个function对象的引用,在执行Class1.call(Class2)时this.showTxt里的this被替换成了Class2。这样Class2就有了showTxt方法,Class2.showTxt()执行时会返回Class2.name的值,因为Class2并未定义name值,所以会返回undefined。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表