Java script 原型_你不知道的JavasScript上篇·第五章·原型·上

1、[[Prototype]]

JS中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用。几乎所有的对象在创建时这个属性都被赋予一个非空的值 (proto)

var myObject = {

a:2

}

myObject.a;//2

查找a的过程:第一步默认[[Get]]操作检查myObject本身有没有这个属性,有的话就直接用自身的,没有就要继续访问对象的[[Prototye]]链

使用for…in遍历对象时,原理和[[Prototype]] 类似,任何可以通过原型链访问到且enumerable为true的属性都会被枚举;

使用in操作符来检查属性在对象中是否存在,检查对象自身&原型链

所有普通的[[Prototype]]链最终都会指向内置的Object.prototype。Object.prototype对象包含js中许多通用的功能,如.toString(),.valueOf(),.hasOwnProperty()

2、属性设置和屏蔽

myObject.foo = 'bar'

这条语句详细执行过程:

如果myObject中包含名为foo的普通属性,这条语句就是修改已有属性值

如果foo从未出现过(包含在[[Prototype]]上),则直接添加在myObject上

如果foo既出现在原型链上也出现在myObject上,myObject中的foo会屏蔽原型链上的foo

如果foo不直接存在于myObject中而是存在于原型链上层时,myObject.foo = ‘bar’ 出现的三种情况:

如果[[Prototype]] 链上层存在的foo,并没有标记为只读(writable:false),就直接在myObject中添加一个名为foo的属性,它是屏蔽属性

如果[[Prototype]] 链上层存在foo,但是被标记为只读,那么无法修改已有属性或者在myObject创建屏蔽属性。在严格模式下还会报错,否则会被忽略

如果[[Prototype]] 链上层存在foo,并且是一个setter,那么foo值会直接更新,不会被添加到myObject上

但是,有些情况下会隐式产生屏蔽,譬如下面的代码:

var anotherObject = {

a:2

}

var myObject = Object.create(anotherObject);

anotherObject.a;//2

myObject.a;//2

myObject;//

myObject:

AAffA0nNPuCLAAAAAElFTkSuQmCC

anotherObject.hasOwnProperty('a');true

myObject.hasOwnProperty('a');//false

myObject.a++;

anotherObject.a;//2

myObject.a;//3

myObject.hasOwnProperty('a');//ture

神奇吧,myObjec.a经过++运算后myObject.hasOwnpProperty(‘a’);变成true了

这是因为++操作相当于myObject.a = myObject.a+1;查找属性会通过[[Prototype]]找到anotherObject.a的值2,然后给这个值加1

接着用[[Put]]赋给myObject中新建的屏蔽属性a

3、“类”函数

所有的函数默认都会拥有一个名为prototype的共有并且不可枚举的属性,指向另一个对象。

这个对象通常被称为原型

function Foo(){

...

}

Foo.prototype;//{}

一起看下一个例子:

function Foo(){

...

}

var a = new Foo();

Object.getPrototypeOf(a) === Foo.prototype;//true

调用new Foo()时,会创建a,其中一步就是将a内部的[[Prototype]]链接到Foo.prototype所指的对象。

Object.getPrototypeof()和Object.setPrototypeof()的用法

Object.getPrototypeOf(目标对象) 获取目标对象的原型链上的值

AAffA0nNPuCLAAAAAElFTkSuQmCC

Object.setPrototypeOf(目标对象,要将原型链关联的对象)

AAffA0nNPuCLAAAAAElFTkSuQmCC

new Foo()这个含糊调用实际上并没有直接创建关联,只是间接完成了我们的目标:关联到其他对象的新对象

做到这点更加直接的方式:Object.create(目标对象)

4、继承

继承意味着复制操作;

差异继承:

基本原则是在描述对象行为时,使用其不同于普遍描述的特制。 (我的理解是只用对象自身的而不用普遍继承的像是toString(),valueOf()这种方法)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值