JavaScript原型（prototype）小记

1、对象的原型

一、经过构造函数，建立对象：

JavaScript对象的属性，是由自身属性加上原型链中的属性，对象的原型链是由建立它的构造函数决定的，也就是建立对象时，调用的new function，例如：

// 定义一个构造函数
// JavaScript中构造函数和普通函数没区别，只是调用的时候使在前面加关键字new则为调用构造函数，不加则为普通调用
// 构造函数约定使用大写字母开头（便于与普通函数的区分）
function Foo() {}

// 经过构造函数新建一个对象
var foo = new Foo();

这时新建的foo对象将拥有Foo.prototype属性和自身的属性，假设属性重合，则采用就近原则，使用对象的属性

 

二、经过语法糖建立对象：

假设咱们使用的是语法糖来建立对象的，底层其实也是调用构造函数来建立的

// 经过语法糖来建立对象
var foo = { x: 1, y: 2 };


// 等价于
var foo = new Object();
foo.x = 1;
foo.y = 2;

也就是说使用语法糖来建立的对象，也默认继承了Object.prototype属性

 

三、对象默认继承的Object.prototype

另外全部的对象的原型都继承自Object.prototype，也就是在上面经过调用构造函数Foo()建立的对象除了继承了Foo.prototype，还继承了Object.prototype，以下所示：

Object.prototype.a = "Object.prototype.a";

function Foo() {}
Foo.prototype.b = "Foo.prototype.b";

var foo = new Foo();
foo.c = "foo.c";

console.log("foo.a : " + foo.a);
console.log("foo.b : " + foo.b);
console.log("foo.c : " + foo.c);

/*
foo.a : Object.prototype.a
foo.b : Foo.prototype.b
foo.c : foo.c
*/

 

 

 

 

今天学习的先粗略写到这，改天有空再补充~