浅谈javascript面向对象程序设计
作者:bea
ECMA-262把对象定义为:“无序属性的 集合,其属性可以包含基本值、对象或者函数” 理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 代码如下: var person = new Object(); person.name = "Xulei"; person.age = "23"; person.job = "前端工程师"; person.sayName = function () { alert(this.na
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]:在读取时调用的函数 [Set]:在写入属性时调用的函数
有用 | 无用
理解对象,最简单的方式就是通过创建一个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]:在读取时调用的函数 [Set]:在写入属性时调用的函数
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript中document.forms[0]与getElementByName区别
- 为JS扩展Array.prototype.indexOf引发的问题及解决办法
- JavaScript的内存释放问题详解
- script标签属性用type还是language
- JS交换变量的方法
- setinterval()与clearInterval()JS函数的调用方法
- js实现DOM走马灯特效的方法
- 浅谈javascript 迭代方法
- js实现用户注册协议倒计时的方法
- 浅谈javascript 归并方法
- JS获取时间的方法
- javascript中数组的定义及使用实例
- html的DOM中document对象anchors集合用法实例
- javascript 获取浏览器版本
- javascript 实现 原路返回
- html的DOM中document对象forms集合用法实例
- 浅谈javascript 函数内部属性
- 浅谈javascript 函数属性和方法
- html的DOM中document对象images集合用法实例