一、 JavaScript 对象定义
1、在 JavaScript 中,几乎“所有事物”都是对象。
布尔是对象(如果用 new 关键词定义)
数字是对象(如果用 new 关键词定义)
字符串是对象(如果用 new 关键词定义)
日期永远都是对象
算术永远都是对象
正则表达式永远都是对象
数组永远都是对象
函数永远都是对象
对象永远都是对象
所有 JavaScript 值,除了原始值,都是对象。
2、原始值和原始数据
原始值指的是没有属性或方法的值。
原始数据类型指的是拥有原始值的数据。JavaScript 定义了 5 种原始数据类型:string、number、boolean、null、undefined
原始值是一成不变的(它们是硬编码的,因此不能改变)。假设 x = 3.14,能够改变 x 的值,但是无法改变 3.14 的值。
3、对象是包含变量的变量
JavaScript 变量能够包含单个的值,但是对象能够包含很多值。值按照名称 : 值对的形式编写(名称和值以冒号分隔)。
如:var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
JavaScript 对象是命名值的集合。
二、 JavaScript 对象属性
JavaScript 对象是命名值的集合。JavaScript 对象中的命名值,被称为属性。无序属性。属性通常可以被修改、添加和删除,但是某些属性是只读的。
1、访问 JavaScript 属性
访问对象属性的语法是:objectName.property // person.age
或者:objectName["property"] // person["age"]
或者:objectName[expression] // x = "age"; person[x]
表达式必须计算为属性名。
2、for...in 循环遍历对象属性
for (variableinobject) {要执行的代码}
for...in 循环中的代码块会为每个属性执行一次。
3、添加属性
通过简单的赋值向已存在的对象添加新属性。
person.nationality = "English";
4、删除属性
delete 关键词从对象中删除属性。delete person.age;
delete 关键词会同时删除属性的值和属性本身。删除完成后,属性在被添加回来之前是无法使用的。
delete 操作符被设计用于对象属性。它对变量或函数没有影响。
delete 操作符不应被用于预定义的 JavaScript 对象属性,这样做会使应用程序崩溃。
5、属性值
所有属性都有名称和值。
属性的特性:值、可列举、可配置、可写。这些特性定义了属性被访问的方式(是可读还是可写)
在 JavaScript 中,所有属性都是可读的,但是只有值是可修改的(只有当属性为可写时)。
6、原型属性
JavaScript 对象继承了它们的原型的属性。
delete 关键词不会删除被继承的属性,但是如果删除了某个原型属性,则将影响到所有从原型继承的对象。
三、 JavaScript 对象方法
方法是可以在对象上执行的动作。对象属性可以是原始值、其他对象以及函数。对象方法是包含函数定义的对象属性(即存储为对象属性的函数)。
1、this 关键词
在 JavaScript 中,被称为 this 的事物,指的是拥有该 JavaScript 代码的对象。
this 的值,在函数中使用时,是“拥有”该函数的对象。请注意 this 并非变量。它是关键词。无法改变 this 的值。
fullName : function() { return this.firstName + " " + this.lastName;}
2、创建对象方法:
methodName: function() {代码行}
3、访问对象方法:
objectName.methodName()
属性在被通过 () 调用后会以函数形式执行。
4、使用对象的内建方法
var message = "Hello world!";
var x = message.toUpperCase();
5、添加新的方法
向对象添加方法是在构造器函数内部完成的
四、 JavaScript 对象访问器
Getter 和 Setter 允许定义对象访问器(被计算的属性)。
1、JavaScript Getter(get 关键词)
2、JavaScript Setter(set 关键词)
3、JavaScript 函数和 Getter的区别
函数以函数形式访问 fullName:person.fullName()。
get关键词以属性形式访问 fullName:person.fullName。
Getter 和 Setter提供了更简洁的语法,允许属性和方法的语法相同,可以确保更好的数据质量,有利于后台工作。
4、数据质量
使用 getter 和 setter 时,JavaScript 可以确保更好的数据质量。
五、 JavaScript 对象构造器
1、对象类型(蓝图)(类)
有时需要创建相同“类型”的许多对象的“蓝图”。创建一种“对象类型”的方法,是使用对象构造器函数。
通过 new 关键词调用构造器函数可以创建相同类型的对象:var myFather = new Person("Bill", "Gates", 62, "blue");
2、this 关键词
this 的值,在对象中使用时,就是对象本身。在构造器函数中,this 是没有值的。它是新对象的替代物。 当一个新对象被创建时,this 的值会成为这个新对象。
3、添加对象属性
myFather.nationality = "English";
4、添加对象方法
myFather.name = function () { return this.firstName + " " + this.lastName; };
5、为构造器添加属性
无法直接为对象构造器添加新属性,必须添加到构造器函数内部,这样对象属性就可以拥有默认值。
6、为构造器添加方法
无法直接为对象构造器添加新方法,必须添加到构造器函数内部。
7、内建 JavaScript 构造器
JavaScript 提供用于原始对象的构造器。
var x1 = new Object();// 一个新的 Object 对象。使用对象字面量 {} 代替
var x2 = new String();// 一个新的 String 对象。使用字符串字面量 "" 代替
var x3 = new Number();// 一个新的 Number 对象。使用数值字面量代替
var x4 = new Boolean();// 一个新的 Boolean 对象。使用布尔字面量代替
var x5 = new Array();// 一个新的 Array 对象。使用数组字面量 []代替
var x6 = new RegExp();// 一个新的 RegExp 对象。使用模式字面量代替
var x7 = new Function();// 一个新的 Function 对象。使用函数表达式 () {} 代替
var x8 = new Date();// 一个新的 Date 对象
Math() 对象不再此列。Math 是全局对象。new 关键词不可用于 Math。
六、 JavaScript 对象原型
所有 JavaScript 对象都从原型继承属性和方法。
日期对象继承自 Date.prototype。数组对象继承自 Array.prototype。Person 对象继承自 Person.prototype……
Object.prototype 位于原型继承链的顶端:日期对象、数组对象和 Person 对象都继承自 Object.prototype。
1、向对象添加属性和方法
向所有给定类型的已有对象添加新属性(或方法)。
向对象构造器添加新属性(或方法)。
①使用 prototype 属性
JavaScript prototype 属性允许为对象构造器添加新属性:
JavaScript prototype 属性也允您为对象构造器添加新方法:
注意:请只修改自己的原型。绝不要修改标准 JavaScript 对象的原型。
七、 JavaScript ES5 对象方法
1、ES5 新的对象方法
Object.defineProperty(object, property, descriptor);// 添加或更改对象属性
Object.defineProperties(object, descriptors);// 添加或更改多个对象属性
Object.getOwnPropertyDescriptor(object, property);// 访问属性
Object.getOwnPropertyNames(object);// 以数组返回所有属性
Object.keys(object);// 以数组返回所有可枚举的属性
Object.getPrototypeOf(object);// 访问原型
Object.preventExtensions(object);// 阻止向对象添加属性
Object.isExtensible(object);// 如果可将属性添加到对象,则返回 true
Object.seal(object);// 防止更改对象属性(而不是值)
Object.isSealed(object);// 如果对象被密封,则返回 true
Object.freeze(object);// 防止对对象进行任何更改
Object.isFrozen(object);// 如果对象被冻结,则返回 true
2、更改元数据
ES5 允许更改以下属性元数据:
writable : true// 属性值可修改
enumerable : true// 属性可枚举
configurable : true// 属性可重新配置
writable : false// 属性值不可修改
enumerable : false// 属性不可枚举
configurable : false// 属性不可重新配置
Object.defineProperty(person, "language", {writable:false}); //使语言为只读
3、ES5 允许更改 getter 和 setter:
get: function() { return language } // 定义 getter
set: function(value) { language = value } // 定义 setter