稳扎稳打JS——“对象”

一切皆“对象”

• JS中一切皆“对象”

• “对象”是属性的集合，而属性又是对象。既然属性又是对象，那么一个对象的属性也可以拥有属性，如：

//定义一个函数getNamevar getName = function(){    return "chaiMaoMao";}//由于一切皆对象，故getName也为对象，故可以给它添加属性，属性可以是任何类型getName.value = "lalala";getName.toString = function(){    //……}

• JS中的“对象”只有属性，属性是一组键值对，键表示属性的名字，值表示属性值，属性值可以是任何JS类型（String、Number、Boolean、Object、Array、Function）

• JS是“基于对象”语言，这意味着它并不是面向对象语言，它没有对象，但可以使用JS的特性模拟面向对象。

• JQuery中的$其实是是一个函数，我们常看到的$(“#id”)其实是调用函数$，并传递参数 “#id”。

• JQuery为函数还定义了一些属性，如.trim();

---

对象都是由函数创建的

• JS中所有对象都由函数创建

//通过构造函数创建对象var person = new Person();

//使用JSON创建对象var person = {    name : "chaiMaoMao",    age : 12}//JSON创建对象是一种语法糖，该过程相当于var person = new Object();person.name = "chaiMaoMao";person.age = 12;

//创建数组var array = [1,2,3,4];//该过程实则为：var array = new Array(1,2,3,4);

//定义一个数字var a = 3;//该过程实则为：var a = new Number(3);

//定义一个函数var getName = function(){    //……}//该过程实则为：var getName = new Function();

由此可见，所有对象都是由函数创建的！

---

每个函数都有prototype属性

• prototype属性用于存储函数的属性集合。

• 初始情况下，一个函数的prototype属性中只含有一个constructor对象，指向函数本身。

• 存储在函数中的属性值和存储在函数prototype属性中的属性值均能访问，并且访问方式相同，如下：

//定义一个函数Person(属性值存储在函数中)var Person = function(){    //……}Person.name = "chaimm";Person.getName = function(){    //……}//访问函数中的属性var p = new Person();p.name;p.getName();

//定义一个函数Perosn(属性值存储在函数的prototype属性中)var Person = function(){    //……}Person.prototype.name = "chaimm";Person.prototype.getName = function(){    //……}//访问函数prototype中的属性var p = new Person();p.name;p.getName();

由此可见，访问存储在函数prototype中的属性和访问存储在函数中的属性的方式是一样的。
虽然访问方式一样，但两者存在巨大的差别。

• 当通过函数创建对象时，对象所有的属性值将会被复制给新的对象。但由于prototype是一个引用类型的变量，存储的是对象的地址，因此prototype中的所有属性值将会被该函数创建的所有对象共享，若一个对象修改了prototype中的某个属性，那所有对象prototype属性都会发生修改。
  因此，prototype属性适合存储不变的属性，如函数；函数的普通属性适合存储基本类型类型的属性；而对象无论存储在哪里效果都一样。

• 此外，将函数存储在prototype中可以达到节约内存的功效，不论创建多少对象，该对象的函数在内存中只有一份。但若将函数存在构造函数的属性中，那么每次new一个对象，都会拷贝一份函数体，从而造成浪费。

---

所有对象都有proto属性

• 所有对象都有私有属性proto，它指向创建该对象的构造函数的prototype属性。

• JS中所有属性都是共有的，但有个约定，若属性两端加上“_”，表示该属性不希望调用者使用，相当于是“私有属性”。

• 通过Object创建的对象的proto属性指向Object.prototype

var p = new Object();

• 通过构造函数创建的对象的proto属性指向该函数的prototype属性

var p = new Person();

• 所有的函数均由Function创建，因此函数的proto属性指向Function.prototype。

• Function.prototype._proto_ === Object.prototype
  Function.prototype本身也是个对象，它的_proto_属性指向Object.prototype。

• Object._proto_ === Function.prototype
  Object是一个构造函数，既然是函数，那么它的_proto_指向Function.prototype

• Objecet.prototype._proto_ === NULL

• Function._proto_ === Function.prototype
  Function的_proto_指向创建Function的函数的prototype，Function由它自己创建。

---