c-somnus / blog Goto Github PK

var foo = {
a: 2,
fn: function() {
console.log(this.a)
}
}

foo.fn()
a

// call
// .call(context, arg, arg2, ...)

Function.prototype.call2 = function (context) {
context = context ? Object(context) : window;
context.fn = this
var args = [...arguments].slice(1);
var result = context.fn(...args);
delete context.fn
return result
}

// apply
// .apply(context, arr)
Function.prototype.apply2 = function (context, arr) {
context = context ? Object(context) : window;
context.fn = this;
if (arr instanceof Array) {
var result = context.fn(...arr)
} else {
var result = context.fn()
};
delete context.fn
return result
}

// bind
// 返回一个函数 可以链式调用参数
// 用构造函数的时候 返回最开始函数的this

Function.prototype.bind2 = function (context) {
context = context ? Object(context) : window;
var args = [...arguments].slice(1)
var self = this
return function () {
self.apply(context, args.concat([...arguments]))
}
}

Function.prototype.bind2 = function (context) {
context = context ? Object(context) : window;
var args = [...arguments].slice(1)
var self = this
var bound = function () {}
bound.prototype = this.prototype
var band = function () {
return self.apply(this instanceof bound
? this : context,
args.concat([...arguments]))
}
band.prototype = new bound()
return band
}

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 ——（来自于MDN）

function create() {
var func = [].shift.call(arguments);
var obj = new Object();
obj.proto = func.prototype;
var res = func.apply(obj, arguments);
return res instanceOf Object ? res : obj
}