JS 改变this的指向 call, apply, bind

call apply bind

都是改变this 的指向 区别 就是传入的参数格式不同

• call fn.call(this, age, name )
• apply fn.apply(this, [ age, name ] )

实现call

	// 1. 判断有没有传入 this 没有返回 window
	// 2. 填加一个行为函数 绑定this 进行操作
 	Function.prototype.myCall = function (context) {
 		// 1. 判断有没有传入 this 没有返回 window
        var _this = context || window
        _this.fn = this
		// 接受多余的参数
        var args = [...arguments].slice(1)
		// 申明一个函数 接受
        var reulst = _this.fn(...args)
		// 移除方法
        delete _this.fn
		// 返回新的
        return reulst
    }

实现 apply

	Function.prototype.myApply = function (context) {
        var _ = context || window

        _.fn = this

        var reulst;
        if (arguments[1]) {
            reulst = _.fn(...arguments[1])
        } else {
            reulst = _.fn()
        }
        delete  _.fn


        return reulst
    }

实现 bind

	Function.prototype.myBind = function (context) {
		// 判断当前 是否函数
        if(typeof this !== 'function') {
            return new TypeError('Error')
        }
		
        var _this = this 
        var args = [...arguments].slice(1)

        return function Fn() {
            if( this instanceof Fn ) {
                return _this(...args, ...arguments)
            }
            return _this.apply(context, args.concat(...arguments))
        }

    }
	let obj = {
        name: 1,
        age: 2,
        sex: '男'
    }
    function fn(name,age) {
        console.log(name,age);
        this.name = name
        this.age = age
    }
	
	// bind返回一个函数 需要再次调用
    fn.myBind(obj,'zhang', 12)()

    console.log(obj); // { name: 'zhang', age: 12, sex: '男'  }