【学习笔记】JavaScript中,构造函数、原型对象和实例的关系

构造函数:function Name(){}

原型对象:Name.prototype的各种属性和方法

实例:var a = new Name;

1.每创建一个构造函数(Name首字母大写,区分一般定义函数)都会默认创建了该函数的原型对象,原型对象中的默认属性constructor指向该构造函数Name。当Name.prototype以字面量对象形式表示时,constructor不再指向构造函数Name,而是Object。

2.当创建一个实例后,实例中存在指向现有原型对象的指针(不指向构造函数),如果现有原型对象被修改,则修改之前的实例指针仅能指向之前的原型对象,而在原型对象修改之后定义的实例则能获取所有的原型对象的属性和方法(最初原型+修改后的原型)。

<pre name="code" class="javascript">function Person(){}
var friend = new Person;
Person.prototype = {
constructor: Person,
name: "Todd";
age: 10;
getName = function() {
return this.name
}
}
var family = new Person;
alert (friend.name);   //errer
alert (family.name);  //Todd

 定义friend实例时,原型对象为空,所以浏览器没弹出警告框。 

定义family实例时,原型对象中已经有属性了,所以可以读取属性和方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值