javascript权威指南学习笔记-对象(七)

2010年后就没怎么看技术类的书了，真的快被淘汰了
ECMAScript5 定义了一个创建对象的新方法，Object.create();

var user=Object.create({name:"zhangsan",age:123});
//该方法与下面的目的一样
var user={};
user.name="zhangsan";
user.age=123;

var user={name:"zhangsan",age:123}

var user=new Object();
user.name="zhangsan";
user.age=123;

采用Object.create()来实现原型继承

function inherit(p){
if(p==null){
throw TypeError();
    }
//判断是否支持ECMAScript5的语法 如果支持直接调用
if(Object.create){
return Object.create(p);
    }else{
//如果不支持则采用原型继承的方式来实现
var t=typeof p;
if(t!="Object"&&t!=="function()){
 throw TypeError();
 }
 function F(){
 }
 F.prototype=p;
 return new F();
 }
}

属性的特性，我学习js的时候属性都是可写、可枚举、可配置的，到ECMAScript5属性的特性却不一样了。
数据属性：value、writable、enumerable、configurabel
存取器属性：get、set 、enumerable、configurable
可以通过Object.getOwnPropertyDescriptor();来获取属性描述

var user={name:123}
console.log(Object.getOwnPropertyDescriptor(user,"name"));
//输出Object {value: 123, writable: true, enumerable: true, configurable: true}

先来了解下存取器的get、set方法：

 var userFun={
        _name:"zhangsan",
set name(value){
this._name=value;
        },
get name(){
return this._name;
        }
    }
    userFun.name="李四";
    console.log(userFun.name);
//输出为李四

看到这代码，可能会觉得多此一举

 var userFun={
        _name:"zhangsan",
set name(value){
this._name=value;
        },
get name(){
return this._name+"123";
        }
    }
    userFun.name="李四";
    console.log(userFun.name);
//这里输出的就是 李四123咯，对值进行了修饰，在一些程序这个功能就非常有意义了

接着我们输出存取器的属性描述

   var userFun={
        _name:"zhangsan",
set name(value){
this._name=value;
        },
get name(){
return this._name+"123";
        }
    } 
    console.log(Object.getOwnPropertyDescriptor(userFun,"name"));
//输出Object {get: function, set: function, enumerable: true, configurable: true}

如果想设置属性的特性，可以通过Object.defineProperty();

    var user={
    }
Object.defineProperty(user,"name",{writable:false});
    user.name="zhangsan";
    console.log(user.name);
//这里输出竟然是undefined