frontend-notes
原型 & 原型链
示例代码
function Person() {
}
Person.prototype.name = 'Kevin';
var person = new Person();
浏览器打印
原理分析
网上原理图（辅助分析）
原理图1：
原理图2：
原理图3：
我整理的原理图
红色线即为 foo 对象的原型链
总结
函数
- 所有函数的
prototype都指向一个对象，即这个函数的原型。 - 所有函数的
__proto__都指向Function.prototype(内置Function原型)。【为了统一，这个结论对内置Function也有效，即Function.__proto__ === Function.prototype】 - 浏览器内置有
function Function和function Object用于创建函数和对象
对象
- 所有对象的
__proto__都指向一个对象，即这个对象的原型 - 所有对象都可以通过
__proto__找到Object.prototype(内置Object原型) Object.prototype.__proto__(内置Object原型的原型)为null- 所有对象的原型都可以通过
constructor找到构造函数，构造函数也可以通过prototype找到原型 - 对象不存在
prototype属性（注意内置Object有prototype属性，因为内置Object是一个函数）
真的是继承吗？
最后是关于继承，前面我们讲到“每一个对象都会从原型‘继承’属性”，实际上，继承是一个十分具有迷惑性的说法，引用《你不知道的JavaScript》中的话，就是：
继承意味着复制操作，然而 JavaScript 默认并不会复制对象的属性，相反，JavaScript 只是在两个对象之间创建一个关联，这样，一个对象就可以通过委托访问另一个对象的属性和函数，所以与其叫继承，委托的说法反而更准确些。
字面量{} vs new Object
使用字面量{}创建对象相当于new Object()
var a = { name: 'test' }
// 相当于
var a = new Object()
a.name = 'test'
使用function vs new Function
使用function创建函数 和 使用 new Function创建函数效果一样
var foo = function() //or f00 = function()
{
var temp = 100;
this.temp = 200;
return temp + this.temp;
}
// 相当于
var foo = new Function(’var temp = 100; this.temp = 200; return temp + this.temp;’);
// or
var foo = Function(’var temp = 100; this.temp = 200; return temp + this.temp;’);
new一个函数干了什么
可以看 new操作符知识点总结