javascript对象

一、 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 关键词）

使用 lang 属性来获取 language 属性的值

2、JavaScript Setter（set 关键词）

使用 lang 属性来设置 language 属性的值

3、JavaScript 函数和 Getter的区别

函数以函数形式访问 fullName：person.fullName()。

get关键词以属性形式访问 fullName：person.fullName。

Getter 和 Setter提供了更简洁的语法，允许属性和方法的语法相同，可以确保更好的数据质量，有利于后台工作。

4、数据质量

使用 getter 和 setter 时，JavaScript 可以确保更好的数据质量。

五、 JavaScript 对象构造器

1、对象类型（蓝图）（类）

有时需要创建相同“类型”的许多对象的“蓝图”。创建一种“对象类型”的方法，是使用对象构造器函数。

函数 Person() 就是对象构造器函数。

通过 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、为构造器添加方法

无法直接为对象构造器添加新方法，必须添加到构造器函数内部。

My friend's last name is Jobs

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