返回顶部

JavaScript prototype(原型对象)

[复制链接]
蓝天白云Lv.1 显示全部楼层 发表于 2021-12-21 15:54:25 |阅读模式 打印 上一主题 下一主题
  所有的JavaScript对象都会从一个prototype(原型对象)中继承属性和方法。

   实例

  functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;}varmyFather=newPerson("John","Doe",50,"blue");varmyMother=newPerson("Sally","Rally",48,"green");

  我们也知道在一个已存在构造器的对象中是不能添加新的属性:

  实例

  Person.nationality="English";

  要添加一个新的属性需要在在构造器函数中添加:

  实例

  functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;this.nationality="English";}

  一、prototype继承

  所有的JavaScript对象都会从一个prototype(原型对象)中继承属性和方法:

  Date对象从Date.prototype继承。

  Array对象从Array.prototype继承。

  Person对象从Person.prototype继承。

  所有JavaScript中的对象都是位于原型链顶端的Object的实例。

  JavaScript对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。

  Date对象,Array对象,以及Person对象从Object.prototype继承。

  二、添加属性和方法

  有的时候我们想要在所有已经存在的对象添加新的属性或方法。

  另外,有时候我们想要在对象的构造函数中添加属性或方法。

  使用prototype属性就可以给对象的构造函数添加新的属性:

  实例

  functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;}Person.prototype.nationality="English";

  当然我们也可以使用prototype属性就可以给对象的构造函数添加新的方法:

  实例

  functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;}Person.prototype.name=function(){returnthis.firstName+""+this.lastName;};

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

达内教育:成立于2002年。致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销、会计等职场人才 达内使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内愿景:做管理一流的教育公司
  • 商务合作

  • 微信公众号

  • Powered by Discuz! X3.4 | Copyright © 2002-2021, 达内教育 Tedu.cn
  • 京ICP备08000853号-56 |网站地图 | 京公网安备 11010802029508号