首页 > 语言 > JavaScript > 正文

javascript面向对象程序设计(一)

2024-05-06 14:46:39
字体:
来源:转载
供稿:网友

注释里讲解的十分细致了,这里就不多废话了,直接上代码:

<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>            
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选