JavaScript中的对象的创建

慕课网《JavaScript深入浅出》课程笔记
从创建对象说起

一般分为下列几种种
1。字面量
字面量对象也有原型,它的原型指向Object的prototype属性
支持多层嵌套

var obj1 = {x:1,y:2};
var obj2 = {
 x:1,
 y:2,
 o:{
     z:3,
     n:4
    }
};

2.new构造器
声明一个函数对象后,这个对象默认带有一个prototype属性,它是一个对象属性

function foo(){}
foo.prototype.z=3;

var obj = new foo();
obj.y = 2;
obj.x = 1;
此时obj.z3

obj.z = 5;
obj.hasOwnProperty('z');  //true
foo.prototype.z; //3
obj.z;//5

delete obj.z;
obj.z;//3

obj这个对象的原型(proto)指向其构造器(foo)的prototype属性
同时foo这个对象的原型指向Object的prototype属性,也就是null。这样我们就构成了JavaScript中的原型链
我们可以用hasOwnProperty这个方法检测原型链上某个对象的属性,比如obj.hasOwnProperty(‘z’)就会返回false(obj.z还未赋值前),因为z属性虽然是原型链上出现的属性,但是不属于obj这个对象本身

3。create方法

var obj = Object.create({x:1});
obj.x; //1
typeof obj.toString; //"function"
obj.hasOwnProperty('x'); //false

var obj = Object.create(null);
obj.toString;  //undefined

你可能感兴趣的:(javascript,javascript,对象)