前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS原型链笔记

JS原型链笔记

作者头像
挨踢小子部落阁
发布2019-10-29 18:17:12
1.7K0
发布2019-10-29 18:17:12
举报
文章被收录于专栏:挨踢小子部落阁
构造函数创建对象:
代码语言:javascript
复制
function Person() {

}
var person = new Person();
person.name = 'Kevin';
console.log(person.name) // Kevin

Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person

prototype

每个函数都有一个 prototype 属性 每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。

代码语言:javascript
复制
function Person() {

}
// 虽然写在注释里,但是你要注意:
// prototype是函数才会有的属性
Person.prototype.name = 'Kevin';
var person1 = new Person();
var person2 = new Person();
console.log(person1.name) // Kevin
console.log(person2.name) // Kevin

在这里插入图片描述

proto

每一个JavaScript对象(除了 null )都具有的一个属性,叫proto,这个属性会指向该对象的原型

代码语言:javascript
复制
function Person() {

}
var person = new Person();
console.log(person.__proto__ === Person.prototype); // true

在这里插入图片描述

constructor

每个原型都有一个 constructor 属性指向关联的构造函数 实例原型指向构造函数

代码语言:javascript
复制
function Person() {

}
console.log(Person === Person.prototype.constructor); // true

在这里插入图片描述

代码语言:javascript
复制
function Person() {

}

var person = new Person();

console.log(person.__proto__ == Person.prototype) // true
console.log(Person.prototype.constructor == Person) // true
// 顺便学习一个ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person) === Person.prototype) // true
实例与原型
代码语言:javascript
复制
function Person() {

}

Person.prototype.name = 'Kevin';

var person = new Person();

person.name = 'Daisy';
console.log(person.name) // Daisy

delete person.name;
console.log(person.name) // Kevin

在这个例子中,我们给实例对象 person 添加了 name 属性,当我们打印 person.name 的时候,结果自然为 Daisy。

但是当我们删除了 person 的 name 属性时,读取 person.name,从 person 对象中找不到 name 属性就会从 person 的原型也就是 person.proto ,也就是 Person.prototype中查找,幸运的是我们找到了 name 属性,结果为 Kevin。

原型与原型
代码语言:javascript
复制
var obj = new Object();
obj.name = 'Kevin'
console.log(obj.name) // Kevin

在这里插入图片描述

原型链
代码语言:javascript
复制
console.log(Object.prototype.__proto__ === null) // true

在这里插入图片描述 JavaScript 默认并不会复制对象的属性,相反,JavaScript 只是在两个对象之间创建一个关联,这样,一个对象就可以通过委托访问另一个对象的属性和函数,所以与其叫继承,委托的说法反而更准确些

作者:饕餮潴 链接:https://www.jianshu.com/p/be7c95714586 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-10-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 挨踢小子 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 构造函数创建对象:
  • prototype
  • proto
  • constructor
  • 实例与原型
  • 原型与原型
  • 原型链
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档