js原型

Posted -小白白白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js原型相关的知识,希望对你有一定的参考价值。

//构造函数

function Box(name,age)

  this.name = name;                   //实例属性

  this.age =  age; 

  this.run = function(){               //实例方法

   return this.name+this.age+"运行中"

}

//原型     (共享)

  function Box(){}     构造函数函数体内什么都没有 这里如果有 叫做实例属性 实例方法

Box.prototype.name = "Lee";

Box.prototype.age = 100;

Box.prototype.run = function(){

 return this.name+this.age+“运行中”

}

var box1 = new Box();

var box2  = new Box();

alert(box1.run())

//如果是实例方法,不同的实例化,他们的方法地址是不一样的,是唯一的

//如果是原型方法,他们的地址是共享的,大家都是一样的

alert(box1.run == box2.run);

以上是关于js原型的主要内容,如果未能解决你的问题,请参考以下文章

web前端:理解js原型链

js中原型和原型链理解

如何更加简单的理解JS中的原型原型链概念

JS 类继承和原型继承区别

理解js中是原型链? 如何实现继承?

js 原型与原型链