JavaScript向对象添加属性和方法的属性prototype

来源：懂视网责编：小采时间：2020-11-27 20:11:28

JavaScript向对象添加属性和方法的属性prototype

JavaScript向对象添加属性和方法的属性prototype:定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：<script type="text/javascript"> functi

推荐度：

点击下载本文 文档为doc格式

导读JavaScript向对象添加属性和方法的属性prototype:定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：<script type="text/javascript"> functi

定义和用法

prototype 属性使您有能力向对象添加属性和方法。

语法

object.prototype.name=value

实例

在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：

<script type="text/javascript">

function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}

var bill=new employee("Bill Gates","Engineer",1985);employee.prototype.salary=null;bill.salary=20000;

document.write(bill.salary);

</script>

输出：

prototype属性的作用

　　为了解决构造函数的对象实例之间无法共享属性的缺点，js提供了prototype属性。

　　js中每个数据类型都是对象（除了null和undefined），而每个对象都继承自另外一个对象，后者称为“原型”（prototype）对象，只有null除外，它没有自己的原型对象。

　　原型对象上的所有属性和方法，都会被对象实例所共享。

　　通过构造函数生成对象实例时，会将对象实例的原型指向构造函数的prototype属性。每一个构造函数都有一个prototype属性，这个属性就是对象实例的原型对象。

function Person(name,height){
this.name=name;
this.height=height;
} 
Person.prototype.hobby=function(){
return 'watching movies';
}
var boy=new Person('keith',180);
var girl=new Person('rascal',153); 
console.log(boy.name); //'keith'
console.log(girl.name); //'rascal'
console.log(boy.hobby===girl.hobby); //true

　上面代码中，如果将hobby方法放在原型对象上，那么两个实例对象都共享着同一个方法。我希望大家都能理解的是，对于构造函数来说，prototype是作为构造函数的属性；对于对象实例来说，prototype是对象实例的原型对象。所以prototype即是属性，又是对象。

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript向对象添加属性和方法的属性prototype

推荐度：

点击下载本文 文档为doc格式

标签：方法 js 方式

热门焦点

JavaScript向对象添加属性和方法的属性prototype

JavaScript向对象添加属性和方法的属性prototype

JavaScript向对象添加属性和方法的属性prototype

最新推荐

猜你喜欢

热门推荐