原型链——1

akueq

于 2018-07-30 08:43:22 发布

阅读量132

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/fqq_5280/article/details/81278936

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于原型链的理解

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

  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");