手写常用的数组函数，和bind

call

//手写call
Function.prototype.myCall = function (context) {
    if (context === null || context === undefined) {
        context = window
    }
    let args = Array.from(arguments).slice(1);
    context.fn = this;
    let res = context.fn(...args);
    delete context.fn;
    return res;
}

apply

// 手写 apply 
Function.prototype.myApply = function (context) {
    if (context === null || context === undefined) {
        context = window;
    }
    context.fn = this;
    let res;
    if (arguments[1].length) {
        res = context.fn(...arguments[1]);
    } else {
        res = context.fn();
    }
    delete context.fn;
    return res;
}

bind

// 手写bind
Function.prototype.myBind = function (context) {
    context = context || window;
    const _this = this;
    const args = [...arguments].slice(1);
    return function F() {
        // 判断F是否在this的原型链上
        if (this instanceof F) {
            return new _this(...args, ...arguments);
        }
        // console.log(args.concat(...arguments));
        //argument是类数组，这里必须要展开
        // arr.concat([1,2,3]) 和 arr.concat(1,2,3)效果相同
        return _this.apply(context, args.concat(...arguments));
    }
}

forEach

// 手写forEach
Array.prototype.myForEach = function (callback, thisArg) {
    if (this == null) {
        throw new TypeError('this is null or not defined');
    }
    if (typeof callback !== "function") {
        throw new TypeError(callback + ' is not a function');
    }
    const arr = this;
    let len = arr.length;
    let count = 0;
    for (let i = 0; i < len; i++) {
        if (arr[i]) {
            callback.call(thisArg, arr[i], count, arr);
            count++;
        }
    }
}

map

// 手写map
Array.prototype.myMap = function (callback, thisArg) {
    if (this == null) {
        throw new TypeError('this is null or not defined');
    }
    if (typeof callback !== "function") {
        throw new TypeError(callback + ' is not a function');
    }
    let res = [];
    const arr = this;
    let len = arr.length;
    let count = 0;
    for (let i = 0; i < len; i++) {
        if (arr[i]) {
            res[count] = callback.call(thisArg, arr[i], count, arr);
            count++;
        }
    }
    return res;
}

filter

// 手写filter
Array.prototype.myFilter = function (callback, thisArg) {
    if (this == null) {
        throw new TypeError('this is null or not defined');
    }
    if (typeof callback !== "function") {
        throw new TypeError(callback + ' is not a function');
    }
    let res = [];
    const arr = this;
    let len = arr.length;
    for (let i = 0; i < len; i++) {
        if (arr[i] && callback.call(thisArg, arr[i], i, arr)) {
            res.push(arr[i])
        }
    }
    return res;
}

reduce

// 手写reduce
Array.prototype.myReduce = function (callback, initVal) {
    if (this == undefined) {
        throw new TypeError('this is null or not defined');
    }
    if (typeof callback !== "function") {
        throw new TypeError(callback + ' is not a function');
    }
    if (this.length === 0) {
        throw new TypeError('Reduce of empty array with no initial value');
    }
    const arr = this;
    let len = arr.length;
    var total = initVal;
    let count = 0
    for (let i = 0; i < len; i++) {
        if (arr[i]) {
            total = callback.call(this, total, arr[i], count, arr)
            count++;
        }
    }
    return total;
}