JavaScript中神奇的call()方法

谁借莪１个温暖的怀抱￠ 2022-06-15 03:07 248阅读 0赞

[http://www.jb51.net/article/62086.htm][http_www.jb51.net_article_62086.htm]

先看看关于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);   
    }
    a();

只不过此时变量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中，并不会出现这两个属性。

[http_www.jb51.net_article_62086.htm]: http://www.jb51.net/article/62086.htm

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript中的call、apply、bind方法

函数中的call()、apply()方法都会以指定的this值来调用函数，即会设置调用函数时函数体内this对象的值。 apply `apply()`方法接收两个参数：

r囧r小猫/ 2022年10月23日 02:56/ 0 赞/ 268 阅读

相关 JavaScript中call,apply,bind方法的总结

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

分手后的思念是犯贱/ 2022年09月25日 13:25/ 0 赞/ 150 阅读

相关 Javascript 中神奇的 this

Javascript 当中的 this 与其他语言是完全不同的机制，很有可能会让一些编写其他语言的工程师迷惑。 1. 误以为 this 指向函数自身根据 this 的

缺乏、安全感/ 2022年09月23日 15:56/ 0 赞/ 202 阅读

相关 javascript中call()和apply()方法的区别

首先需要知道 call 和 apply 都是js 对象 prototype的方法在使用的时候主要区别： var foo() = function(){

秒速五厘米/ 2022年07月13日 05:39/ 0 赞/ 241 阅读

相关 JavaScript中神奇的call()方法

[http://www.jb51.net/article/62086.htm][http_www.jb51.net_article_62086.htm] 先看看关于call(

谁借莪１个温暖的怀抱￠/ 2022年06月15日 03:07/ 0 赞/ 249 阅读

相关 javascript 中关于call方法的详解。

关于javascript中的call方法，网上查了一些资料总是不得详解。总结网上的观点，call有两个妙用： 1

野性酷女/ 2022年06月08日 13:07/ 0 赞/ 256 阅读

相关 javascript中call()、apply()、bind()方法的区别

在JavaScript 中，this的指向是动态变化的，很可能在写程序的过程中，无意中破坏掉this的指向，所以我们需要一种可以把this的含义固定的技术，于是就有了call，

冷不防/ 2022年06月08日 05:37/ 0 赞/ 288 阅读

相关 JavaScript中call()和apply()方法的使用

1 call()方法 call()方法调用一个函数，其具有一个指定的this值和分别地提供参数，其参数需要把实参按照形参的个数传进去，其与apply()方法的区别就是ca

叁歲伎倆/ 2022年06月05日 04:38/ 0 赞/ 297 阅读

相关 javascript 中关于call方法的详解。

关于javascript中的call方法，网上查了一些资料总是不得详解。总结网上的观点，call有两个妙用： 1: 继承

末蓝、/ 2022年05月23日 02:25/ 0 赞/ 175 阅读

相关神奇的call

Function.prototype.bind = function(){ var self = this, // 保存原函数 this代表func

向右看齐/ 2022年05月15日 04:55/ 0 赞/ 210 阅读