- 大部分面向对象的编程语言,都是以“类”(class)作为对象体系的语法基础
- JavaScript 语言不是如此,它的面向对象编程基于“原型对象”
一、全局对象Object
- 构造函数
JavaScript通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法,可以定义在构造函数内部
function Object(){this.属性1 = 'aa'};//构造函数
var 实例1 = new Object();//实例对象
- 实例对象
原型对象上的所有属性和方法,都能被派生对象共享。这就是JavaScript继承机制的基本设计
实例1.属性1//'aa'
- 构造函数的prototype对象
通过构造函数生成实例对象时,会自动为实例对象分配原型对象。每一个构造函数都有一个prototype属性,这个属性就是实例对象的原型对象
如果要往对象的原型上添加属性和方法,通过prototype属性添加
Object.prototype.属性2 = ‘bb’
实例1.属性2//'bb'
- 如果直接往对象实例上添加属性和方法,则就近原则,先去实例上的属性,没有再往原型链上寻找
实例1.属性3 = ‘cc';
实例1.属性3//'cc'
实例1.属性2//‘bb’
实例1.属性1//‘aa’
- Object.prototype对象的原型
Object.prototype对象的原型,是没有任何属性和方法的null对象,而null对象没有自己的原型
Object.getPrototypeOf(Object.prototype)// null
- 原型链
对象的属性和方法,有可能是定义在自身,也有可能是定义在它的原型对象。由于原型本身也是对象,又有自己的原型,所以形成了一条原型链(prototype chain)
实例1._proto_===Object.prototype
Object.prototype._proto_指向null对象
prototype对象有一个constructor属性,默认指向prototype对象所在的构造函数
- 由于constructor属性定义在prototype对象上面,意味着可以被所有实例对象继承
constructor:function Object()
- 所有对象的原型最终都可以上溯到Object.prototype,即Object构造函数的prototype属性指向的那个对象
实例1_proto_指向它的构造函数的prototype对象
对象_proto_ === 构造函数.prototype
二,全局对象Function
全局的Function对象没有自己的属性和方法
因为它本身也是函数,所以它也会通过原型链从Function.prototype上继承部分属性和方法
Function是构造函数
可以通过Function函数生成一个新的Function对象
在 JavaScript 中, 每个函数实际上都是一个Function对象
var 函数 = new Function()
- 构造函数的原型
Function._proto_===Object.prototype
所以函数实例除了自己构造函数prototype对象的属性和方法,还继承Object的prototype的属性和方法
三、全局对象Array
- 数组是类似列表的对象,在原型中提供了遍历以及改变其中元素的很多方法。
- 数组的长度及其中元素的类型都是不固定的。
- 键名是有序的数值,从0开始
- 构造函数
function Array()
- 实例对象
var 数组实例 = new Array()
- 原型
数组实例._proto_===Array.prototype
数组实例._proto_._proto_===Object.prototype
所以,函数是对象,它继承了对象的属性方法