题目:创建对象有几种方法?
// 第一种方式:字面量 var o1 = {name: 'o1'}; var o2 = new Object({name: 'o2'});//也可以把这个放在下一类 // 第二种方式:构造函数 var M = function (name) { this.name = name; }; var o3 = new M('o3'); // 第三种方式:Object.create() var p = {name: 'p'}; var o4 = Object.create(p);
Object.create()方法会使用指定的原型对象及其属性去创建一个新的对象。
o4本身是一个空对象,是不具备属性的,它是通过原型链来链接它的原型对象的。
构造函数-扩展
var a={}其实是var a=new Object()的语法糖; var a=[]其实是var a=new Array()的语法糖; funtion Foo(){...}其实是var Foo=new Function()的语法糖;
原型、构造函数、实例、原型链关系图
prototype和__proto__的区别
prototype是函数才有的属性。 __proto__是每个对象都有的属性。(但是__proto__不是一个规范属性,只是部分浏览器实现了此属性,例如低版本的IE浏览器里面就没有实现。) 大多数情况下,__proto__可以理解为构造器的原型,即:__proto__ === constructor.prototype(通过Object.create()创建的对象不适用此等式,其__proto__属性直接指向传入Object.create()参数里面的那个对象。)
什么是原型链?
由于__proto__是任何对象都有的属性,而js里万物皆对象,所以会形成一条__proto__连起来的链条,递归访问__proto__必须最终到头,并且值是null。 当js引擎查找对象的属性时,先查找对象本身是否存在该属性,如果不存在,会顺着__proto__在原型链上查找,但不会查找自身的prototype。
instanceof原理
(1)判断实例对象里面的__proto__属性是否与构造函数里面的prototype属性指向的同一个地址。
(2)在该原理里面,这条原型链上的构造函数都是实例的构造函数。instanceof都会返回true。
(3)example.__proto__.constructor===M:用constructor来判断是否是某个构造函数的实例,比用instanceof更加严谨。
new运算符原理
一个新对象被创建。它继承自foo.prototype。 构造函数foo被执行。执行的时候,相应的参数会被传入,同时上下文(this)会被指定为这个新实例。new foo等同于new foo(),只能用在不传递任何参数的情况。 如果构造函数返回了一个对象,那么这个对象会取代整个new出来的结果。如果构造函数没有返回对象,那么new出来的结果为步骤1创建的对象。
var new2 = function (func) { var o = Object.create(func.prototype); var k = func.call(o); if (typeof k === 'object') { return k; } else { return o; } };