js对象和属性的基本定义
(function(){ $(document).ready(function(){ return "object define"; //创建对象实例 var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"; person.sayName = function(){ alert(this.name);//this代表的是本对象,就是调用这个方法的对象person }; //常用的对象字面量语法 var person = { name : "Nicholas", age : 29, job : "Software Engineer", //最后一个属性,不需要加逗号 sayName : function(){ alert(this.name); } }; }); })();
属性类型的基本应用
1、数据属性
(function(){ return; $(document).ready(function(){ //对象的属性类型(property) 数据属性和访问器属性 //数据属性 //[[Configurable]] : 是否可以通过delete 删除属性从而重新定义、能否修改属性的特性,或者把属性改为访问器属性 //[[Enumerable]] : 表示能否用for-In 循环返回属性 //[[Writable]] : 表示是否可以修改属性的值 //[[Value]] : 保存这个属性的值。 这个值默认为undefined /* **直接在对象上定义的属性, 他们的数据属性,[[Configurable]] [[Enumerable]] [[Writable]] 默认都为false [[Value]] 则为设置的值 ** */ var person = {}; //参数为, 对象、属性、描述符对象 Object.defineProperty( person, "name", { writable:false, //person对象的属性name的值不允许修改,为只读 value : "Nicholas" } ); person.name = "Greg"; //name 为只读,非严格模式下会忽略, 严格模式下会报错 console.log(person.name);// "Nicholas" Object.defineProperty( person, "age", { configurable:false, value:25, writable : false, enumerable:false } ); console.log("删除属性age前的值:"+person.age); delete person.age; console.log("删除属性age后的值:"+person.age);//configurable 设置了false,此属性age不可更改,不能删除 try{ Object.defineProperty( person, "age", { configurable:true, value : 33 } ); //严 格模式下会报错 } catch(e){ console.log("定义的age属性的configurable为不可以修改,所以不能重新修改属性的配置,也不能删除"+e.message); } console.log("age1:"+person.age); person.age = 44; console.log("age2:"+person.age); try{ Object.defineProperty( person, "age", { writable:true, value : 34 } ); } catch(e) { console.log("定义的age属性的configurable为不可以修改,所以不能重新修改属性的配置,也不能修改writable属性"+e.message); } person.age=44; console.log("age3:"+person.age); console.log("==========="); try{ Object.defineProperty( person, "age", { enumerable:true } ); } catch(e) { console.log("定义的age属性的configurable为不可以修改,所以不能重新修改属性的配置,也不能修改enumerable属性"+e.message); } Object.defineProperty( person, "job", { enumerable:true, value :"" } ); for(var property in person) { console.log("person对象的属性有:" + property); } console.log("age属性设置了不可枚举和name属性可枚举默认为false,所以只有job设置了可枚举的数据属性。"); }); })();
2、访问器属性
(function(){ /*访问器属性 getter和setter两个函数 [[Configurable]] :同“数据属性”的解释 [[Enumerable]] :同“数据属性”的解释 [[Get]]:读取属性时的值 默认值为undefined; 设置之后表示可读。 [[Set]]:写入设置时属性的值 默认值 undefined; 设置之后表示可写。 [[Get]] / [[Set]] 只能在Object.defineProperty();中定义 */ $(document).ready(function(){ var book = { _year:2004,//加_标记的时候,一般表示只能通过对象中的方法访问,不使用直接访问方式。如getyear(); 这个常用的标记。 edition:1, num:2, getyear:function(){ return this._year; } };//此定义是数据属性方式的定义; Object.defineProperty( book, "year", { get:function(){ return this._year;//this代表的是本对象,就是调用这个方法的对象book }, set:function(value){ if(value > 2004) { this._year = value; this.edition = this.edition + value - 2004; } } } ); book.year = 2006; console.log("book.edition:"+book.edition); console.log("book._year:"+book.getyear()); // 严格模式下。如果只设置了get属性,为只读,做写入操作会报错。只设置set属性,为只写不可读,做读取操作的时候会报错 。 //非严格模式下,只写的属性,读取的时候返回undefined。 Object.defineProperty( book, "author", { set:function(value){ this.author = value; } } ); console.log(book.author);//undefined //ECMAScript 5之前有访问器属性的两个非标准的方法: _defineGetter_ 和 _defineSetter_ console.log("ECMAScript 5之前有访问器属性的两个非标准的方法: _defineGetter_ 和 _defineSetter_"); book.__defineGetter__("pageNum",function(){ return this.num; }); book.__defineSetter__("pageNum",function(value){ this.num = value; });//set 不能设置本属性的值。否则造成循环设置。内存溢出。 console.log("book.pageNum:"+book.pageNum); book.pageNum = 500; console.log("book.pageNum:"+book.pageNum); //设置多个属性值,数据属性和访问器属性可以一起用。 var person = {}; Object.defineProperties( person, { _name : { value : "Nicholas", writable:true }, age :{ value:33 }, name :{ get:function(){ return this._name; }, set:function(value){ this._name = value;//必须设置writable = true 才能修改_name的值 } } } ); console.log(person._name); //Nicholas console.log(person.age); person.name = "Greg"; console.log(person._name); //Greg //读取属性的特性 console.log("读取属性的特性"); var descriptor = Object.getOwnPropertyDescriptor(person,"_name"); console.log(descriptor.value); // Greg console.log(descriptor.configurable); //false; console.log(descriptor.get); //undefined console.log(descriptor.set); //undefined console.log(descriptor.writable); //true console.log(descriptor.enumerable);//false }); })();