稳扎稳打JS——“对象”

本文主要是介绍稳扎稳打JS——“对象”，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一切皆“对象”

• JS中一切皆“对象”

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

//定义一个函数getName
var 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由它自己创建。

---

这篇关于稳扎稳打JS——“对象”的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---