zoukankan      html  css  js  c++  java
  • 理解JavaScript:继承与原型链

    Javascript里的一切几乎都是对象,每一个对象都有一个链接到其他对象的内部属性,我们称之为prototype (原型)。原型对象自己也有自己的原型对象,以此类推,这时候原型链就出来了。如果你追踪原型链,你最终会到达原型为 null的内核 Object,这是原型链的终点。
     
    原型链的作用是什么呢?当我们访问一个对象并不拥有的属性时,Javascript会检索原型链,直到它找到了这个属性或是原型链的终点。这个行为保证了我们可以去创建“类”与实现继承。
     
    如果还不理解的话,没有关系,让我们在实践中理解。现在看一个Javascript最简单的例子:一个在方法对象中创建的“类”
    function Animal() {}
    
    var animal = new Animal();
    有两种方法可以让我们给这个Animal类添加属性:设置实例的属性或者添加Animal 原型。
    function Animal(name) {
        // Instance properties can be set on each instance of the class
        this.name = name;
    }
    
    // Prototype properties are shared across all instances of the class. However, they can still be overwritten on a per-instance basis with the `this` keyword.
    Animal.prototype.speak = function() {
        console.log("My name is " + this.name);
    };
    
    var animal = new Animal('Monty');
    animal.speak(); // My name is Monty


    当查看控制台Animal 对象的结构就会变得很清晰。我们可以看到 name属性是属于对象本身,而speak 则是属于Animal 原型的。

    现在请看一下我们是如何扩展Animal 类来创建一个Cat 类:
    function Cat(name) {
        Animal.call(this, name);
    }
    
    Cat.prototype = new Animal();
    
    var cat = new Cat('Monty');
    cat.speak(); // My name is Monty


    我们所做的设置Cat的原型为一个Animal 实例,所以Cat 会继承Animal的所有属性。同样的我们使用Animal.call 使用来继承Animal 的构造函数。call  是一个特殊的函数,它允许我们调用函数且在函数中指定this的值。所以当this.nameAnimal 的构造函数中,Cat的名称就被设定了,而不是Animal的。

     
    让我们一起看一下Cat 对象:
    如我们所期望的样,Cat 对象有了自己的name 实例属性。当我们查看对象的原型我们会看到它同样继承了Animal 的name 实例属性,speak 原型属性也是如此。这就是原型链的样子,当访问 cat.name,JavaScript就会查找name实例属性,不会往下去搜索原型链。不管怎样,当我们去访问 cat.speak,JavaScript就必须往下去搜索原型链直到它发现从Animal现继承的speak 属性。
  • 相关阅读:
    Release和Debug的区别[转]
    SVM运用到多分类[引]
    HMM
    [转] 数据挖掘 机器学习 模式识别的关系
    [转]mysql 数据导入
    java 获取当前时间戳
    二叉树遍历建树[zhuan]
    关于c指针[转]
    词法分析
    组合数据类型练习,综合练习
  • 原文地址:https://www.cnblogs.com/deryck/p/4164623.html
Copyright © 2011-2022 走看看