手写vue2源码中重写数组的方法

Object.create()的作用

 		// 创建一个新对象，使用现有的对象来作为新穿件对象的原型（prototype）
        // Object.create()
        let obj = {
    
     name: '1111' }
        let o = Object.create(obj)
        // 上面的解释太过于官方了 用通俗易懂的话来表述 就是：将obj放到o的原型上  也就等同于o.prototype ==> obj

重写数组的方法

		// 数组方法重写
        let oldArrayPrototy = Array.prototype
        // 使用Object.create 将数组原型上的方法放到newArrayPrototy.prototype上
        let newArrayPrototy = Object.create(arrayFn)
        // 需要重写的数组方法列表
        let method = [
            'push',
            'pop',
            'shift',
            'unshift',
            'reverse',
            'sort',
            'splice'
        ]
        method.forEach((item) => {
    
    
        	//newArrayPrototy[item] 就是 arr.某一个方法
            newArrayPrototy[item] = function (...args) {
    
    
                // 关键部分
                let result = oldArrayPrototy[item].call(this, ...args)
                // 对传进来的数据做一些处理
                let insterted
                switch (item) {
    
    
                    case 'push':
                    case 'unshift':
                        insterted = args
                    case 'splice':
                        insterted = args.slice(2)
                    default:
                        break
                }
                return result
            }
        })