注释里讲解的十分细致了,这里就不多废话了,直接上代码:
<script type="text/javascript"> //ECMA-262把对象定义为:“无序属性的 集合,其属性可以包含基本值、对象或者函数” //理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 var person = new Object(); person.name = "Xulei"; person.age = "23"; person.job = "前端工程师"; person.sayName = function () { alert(this.name); } //还可以这样写 var person = { name: "xulei", age: 23, job: "前端工程", sayName: function () { alert(this.name) } } //一、属性类型:数据属性和访问其属性 //1、数据属性,有4个描述其行为的特性 //[Configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性,默认值为true //[Enumerable]:表示能否通过for-in返回属性,默认值为true //[Writable]:表示能否修改属性,默认值为true //[Value]:包含这个属性的数据值。默认值为undefined var person = { name: "xulei" } //这里创建了一个person对象,value值就是“xulei” //要修改属性的默认特性,必须使用ECMAScript5的Object.defineProperty(属性所在的对象,属性的名字,描述符对象) //描述符对象必须是configurable、enumerable、writable、value var peron = {} Object.defineProperty(peron, "name", { writable: false,//属性不能被修改 value: "徐磊-xulei" }); alert(peron.name);//徐磊-xulei peron.name = "徐磊"; alert(peron.name);//徐磊-xulei //以上操作在非严格模式下赋值操作会被忽略,如果在严格模式下会抛出异常 //一旦把属性定义为不可配置的就不能把它变回可配置的了。 //在多数情况下都没有必要利用Object.defineProperty()方法提供的这些高级功能。但是对理解javascript非常有用。 //建议读者不要在ie8上使用此方法。 //2、访问其属性,有4个特性 //[Configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性,默认值为true //[Enumerable]:表示能否通过for-in返回属性,默认值为true //[Get]:在读取时调用的函数 默认值undefined //[Set]:在写入属性时调用的函数 默认值Undefined var book={ _year:2004, edition:1 } Object.defineProperty(book,"year",{ get:function(){ return this._year; }, set:function(value){ if(value>2004){ this._year=value; this.edition +=value-2004; } } }); book.year=2005; alert(book.edition);//2 //创建对象 //1、将构造函数当做函数 function Person(name,age,job) { this.name=name; this.age=age; this.job=job; this.sayName=function(){ alert(this.name); } } //当做构造函数使用 var person=new Person("xulei",23,"software"); person.sayName(); //作为普通函数使用 Person("xulei2",23,"job2");//添加到window中 window.sayName(); //在另一个对象的作用域中调用 var o=new Object(); Person.call(o,"xulei3",23,"job3"); o.sayName(); </script>
新闻热点
疑难解答
图片精选