JavaScript中神奇的call()方法
投稿：junjie
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了JavaScript中神奇的call()方法,本文用浅显的语言帮助你加深理解call()方法,需要的朋友可以参考下
先看看关于call()的官方解释，“调用一个对象的一个方法，以另一个对象替换当前对象。”，看了这样的解释，或许让你更摸不着头脑了。看例子：
var x = "我是全局变量";　　　　//定义全局变量x
function a(){　　　　　　　　　//定义函数类结构a　　
&&& this.x = "我是在函数类结构a中声明的哦";&&&
//定义普通函数，弹出当前指针所包含的变量x的值
function f(){&&&&&&
&&& alert (this.x);
//返回值为“我是在函数类结构a中声明的哦”
f.call(new a());
我的理解是，f.call(new a())就是把函数（其实也是对象）f复制到被调用对象“new a()”下面去解析，事实上和下面这段代码的解析结果一样：
function a(){
　　this.x = "我是在函数类结构a中声明的哦";
　　alert(this.x);&&&
只不过此时变量X的作用域不同而已，咿…看起来好像有点继承的味道哦，难道不是吗？在上例中,f完全被构造函数a的实力对象继承了，如果说这还不足以说明a.call(b)是一种继承模式，那么再看一个更具有继承味道的用法吧。
function f(){&&&
&&& this.a ="a";&&&
&&& this.b = function(){&&&
&&&&&&& alert("b");
function e(){&&&
&&& f.call(this);&&&&
var c = new e();
alert(c.a);& //弹出a
c.b();&&& //弹出b
在这个例子中，只要会使用浏览器的朋友，都能看得出来e完全继承了f的属性和方法，否则是无法解释的，因为在e中并没有定义属性a和b，那么按常理推断在e的实例对象c中，并不会出现这两个属性。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具