根本原因是:JavaScript具有封装、继承、多态三大特性
var obj = {
property_1 : value_1, // property_# 可以是一个标识符...
2 : value_2, // 或一个数字...
["property" +3] : value_3, // 或一个可计算的key名...
// ...,
"property n" : value_n, // 或一个字符串
propertyobj : newnoj // 或一个对象
};
其中对象也可以作为属性
function myCar(make,model,year){
this.make=make //用this将传入的参数赋值给对象属性
this.model=model
this.year=year
}
let mynewcar=new myCar('宝马','newmodel','2021')
create(proto,[propertiesObject]);
var myCar = {
make : "一汽大众",
model : "Mustang",
year : 2021,
getYear:function(){
console.log(this.year)
}
}
let newcar=Object.create(myCar)
说明
这也是JavaScript的继承的依据,newcar对象继承myCar,每个实例对象(object)都有一个私有属性(称之为 __proto__ )指向它的构造函数的原型对象(prototype)。该原型对象也有一个自己的原型对象(__proto__),层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个 原型链 中的最后一个环节。
代码示例
原型对象并没有变,调用原型对象的getYear方法使用的属性值是新对象定义的值
原型链顺序
newcar{year}—>myCar{make,model,year,getYear}—>Object.prototype—>null
查找year时,查看自身对象有没有该属性,如果有直接使用,如果没有则向上找他的原型对象,如果原型对象有,则使用,如果还是没有则继续向上找原型对象,直到原型对象为null,则结束查找,这个顺序也就是原型链。
var myCar = {
make : "一汽大众",
model : "Mustang",
year : 2021,
getYear:function(){
console.log(this.year)
}
}
for(let attr in myCar){//attr得到的是属性,[]方法得到值
console.log(attr+":"+myCar[attr])
}
该方法返回对象的属性数组
let attrs=Object.keys(myCar)
for(let idx=0;idx<attrs.length;idx++){
console.log(attrs[idx]+":"+myCar[attrs[idx]])
}
说明
返回一个数组,该数组对元素是 obj自身拥有的枚举或不可枚举属性名称字符串。 数组中枚举属性的顺序与通过 for…in 循环(或 Object.keys)迭代该对象属性时一致。数组中不可枚举属性的顺序未定义。
代码示例
对数组枚举属性
let myarr=['A','B','C','D']
let myarrattrs=Object.getOwnPropertyNames(myarr)
var myCar = {
make : "一汽大众",
model : "Mustang",
year : 2021,
getYear(){
console.log(this.year)
}
}
var hisCar = {
'price':{
value: 100
},
'size': {
value: 100,
},
}
var newcar= Object.create(myCar,hisCar)
//way1(还会取到原型链上的可枚举属性,可以通过hasOwnProperty()方法筛除)
let forattrs=[]
for(let attr in newcar){//attr得到的是属性,[]方法得到值
forattrs.push(attr)
}
//way2
let keyattrs=Object.keys(newcar)
//way3
let getOwnattrs=Object.getOwnPropertyNames(newcar)
描述
明明newcar里面有属性price和size,为什么在枚举属性的时候,他们两个都消失了呢?
原因
是由于Object.create的过程中漏了一个地方:
这个对应的属性描述符给忽略了。
解决方式
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties
通过上面教程,有四种属性描述符
所以在Object.create第二个对象里面需要设置属性描述符,才能真正的把属性传入,并可以设置是否可以修改该属性。
var myCar = {
make : "一汽大众",
model : "Mustang",
year : 2021,
getYear(){
console.log(this.year)
}
}
var hisCar = {
'price':{
value: 100,
configurable:true,
enumerable:true,
writable:true
},
'size': {
value: 100,
configurable:true,
enumerable:true,
writable:true
},
}
var newcar= Object.create(myCar,hisCar)
//way1(还会取到原型链上的可枚举属性,可以通过hasOwnProperty()方法筛除)
let forattrs=[]
for(let attr in newcar){//attr得到的是属性,[]方法得到值
forattrs.push(attr)
}
//way2
let keyattrs=Object.keys(newcar)
//way3
let getOwnattrs=Object.getOwnPropertyNames(newcar)
结果与预想相同