原型链——1

最新推荐文章于 2024-06-19 22:14:44 发布

原创最新推荐文章于 2024-06-19 22:14:44 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文通过两个实例详细解析了JavaScript中原型链的工作原理。首先定义了一个动物对象，包含吃的方法及颜色属性；接着创建狗和猫对象，它们继承自动物对象，并能够调用其方法。进一步介绍了如何使用构造函数创建对象，并通过原型属性为构造函数添加方法。

关于原型链的理解

这里有两个例子看到后让我觉得一目了然

  var anmial = {
    name: "anmial",
  eat:function () {
    console.log(this.name + " is eating.");
  }
  }
  anmial.eat();//anmial is eating.

  anmial.color = "black";

  var dog = {
    name: "dog",
  __proto__:anmial    //原型指向 anmial
  }
  var cat = {
    name:"cat",
    __proto__:anmial
  }
  dog.eat();    //dog is eating.
  cat.eat();    //cat is eating

  function Student(name){
    this.name=name;
  }
  Student.prototype={
    sayHello:function () {
      console.log("Hi,I'm " + this.name);
    }
  }
  var andy=new Student("andy");