手写JS高阶组件

 map()

Array.prototype.map = function (callback, arg) {
	if (this === 'null') {
		throw new TypeError("cannot read property 'map' if null")
	}
	if (this === 'undefined') {
		throw new TypeError("cannot read property 'map' if undefined")
	}
	if (Object.prototype.toString.call(callback) !== '[object Function]') {
		throw new Error(callback + 'is not a function');
	}
	let O = Object(this);
	let T = arg;
	let len = O.length >>> 0;
	let A = new Array(len);
	for (let i = 0; i < len; i++) {
		if (i in O) {
		    let temp = callback.call(T, O[i], i, O);
			A[i] = temp;
		}
	}
	return A;
}
var arr = [1, 2, 3, 4]
var newArr = arr.map((item, index) => {
	return item * item
});
console.log(newArr); // [1, 4, 9, 16]

reduce()

Array.prototype.reduce = function(callback, initValue) {
	if (this === 'null') {
		throw new TypeError("cannot read perproty 'map' if null")
	}
	if (this === 'undefined') {
		throw new TypeError("cannot read perproty 'map' if undefined")
	}
	if (Object.prototype.toString.call(callback) !== '[object Function]') {
		throw new TypeError(callback + 'is not a function');
	}
	let O = Object(this);
	let len = O.length >>> 0;
	let initial = initValue;
	let i = 0;
	outter: if (initial === undefined) {
		for (; i < len; i++) {
			if (i in O) {
				initial = O[i]
				i++;
				break outter;
			}
		}
		throw new Error('each element of Array is empty');
	}
	for (; i < len; i++) {
		if (i in O) {
			initial = callback.call(undefined, initial, O[i], O);
		}
	}
	return initial;
}
	
var arr = [1, 2, 3, 4];
var num = arr.reduce((prev, next) => {
	return prev + next;
}, 10);
console.log(num); // 20