一些小知识点,不定时更新

new一个对象浏览器做了什么？

// 高级程序设计写道：

创建一个新对象；
将构造函数的作用域赋给新对象（因此this就指向了这个新对象）；
执行构造函数中的代码（为这个新对象添加属性）；
返回新对象。

// 若川大佬的总结：

创建了一个全新的对象。
这个对象会被执行[[Prototype]]（也就是proto）链接。
生成的新对象会绑定到函数调用的this。
通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。

如果函数没有返回对象类型Object(包含Functoin, Array, Date, RegExg, Error)，那么new表达式中的函数调用会自动返回这个新的对象。


/**
* 模拟实现 new 操作符
* @param  {Function} ctor [构造函数]
* @return {Object|Function|Regex|Date|Error}      [返回结果]
*/
function newOperator(ctor){
if(typeof ctor !== 'function'){
  throw 'newOperator function the first param must be a function';
}
// ES6 new.target 是指向构造函数
newOperator.target = ctor;
// 1.创建一个全新的对象，
// 2.并且执行[[Prototype]]链接
// 4.通过`new`创建的每个对象将最终被`[[Prototype]]`链接到这个函数的`prototype`对象上。
var newObj = Object.create(ctor.prototype);
// ES5 arguments转成数组 当然也可以用ES6 [...arguments], Aarry.from(arguments);
// 除去ctor构造函数的其余参数
var argsArr = [].slice.call(arguments, 1);
// 3.生成的新对象会绑定到函数调用的`this`。
// 获取到ctor函数返回结果
var ctorReturnResult = ctor.apply(newObj, argsArr);
// 小结4 中这些类型中合并起来只有Object和Function两种类型 typeof null 也是'object'所以要不等于null，排除null
var isObject = typeof ctorReturnResult === 'object' && ctorReturnResult !== null;
var isFunction = typeof ctorReturnResult === 'function';
if(isObject || isFunction){
    return ctorReturnResult;
}
// 5.如果函数没有返回对象类型`Object`(包含`Functoin`, `Array`, `Date`, `RegExg`, `Error`)，那么`new`表达式中的函数调用会自动返回这个新的对象。
return newObj;
}



### this绑定有五种情况；
默认绑定：函数独立调用时，this默认绑定到window
隐式绑定：看函数调用栈，谁调用就是指向谁,比如对象里的函数指向对象(箭头函数除外)
显式绑定：如call,apply,bind，this指向绑定对象
new绑定：this指向new出来的对象
定义绑定：es6的箭头函数

gdutwyg / blog

一些小知识点,不定时更新 #80

new一个对象浏览器做了什么？