【无标题】

原型方法创建一些操作数组的方法

1）用原型创建shift方法

<script type="text/javascript">
Array.prototype.shifts = function(){
		for(var i=0;i<this.length-1;i++){
		 		this[i] = this[i+1];
		 	}
		 	this.length = this.length-1;
		    }
           var arr = [11,22,33];
		   arr.shifts();
		   console.log(arr);
</script>

2）用原型创建unshift方法

<script type="text/javascript">
 Array.prototype.unshifts = function(user){
		 	this.length = this.length+1;
	    	for(var i=this.length-1;i>=0;i--){
				this[i] = this[i-1];
		 	}
		 	this[0] = user;
		 }
		 var arr = [11,22,33];
		 arr.unshifts(44);
		 console.log(arr);
</script>

3）用原型创建push方法

<script type="text/javascript">
Array.prototype.pushs = function(user){
		 	this[this.length] = user
		 }
		 var arr = [11,22,33];
		 arr.pushs(44);
		 console.log(arr);
</script>

 4）用原型创建pop方法

<script type="text/javascript">
Array.prototype.pops = function(){
			this.length = this.length-1;
		}
		var arr = [11,22,33];
		arr.pops();
		console.log(arr);
</script>

call()方法原理
        Function.prototype.calls = function(user,...a){
            if(!user||user==null||user==undefined){
                user = window;
            }
            let fn = Symbol();
            user[fn] = this;
            return user[fn](...a);
        }
        let obj = {
            func(a,b){
                console.log(this);
                console.log(this.age);
                console.log(a);
                console.log(b);
            }
        }
        let obj1 = {
            age:"张三"
        }
        obj.func.calls(obj1,1,2);

 bind()方法原理
        Function.prototype.myBind = function(context) {
            // 如果没有传或传的值为空对象 context指向window
            
            if (typeof context === "undefined" || context === null) {
                context = window
            }
            let fn = mySymbol(context)
            context[fn] = this //给context添加一个方法 指向this
                // 处理参数 去除第一个参数this 其它传入fn函数
            let arg = [...arguments].slice(1) //[...xxx]把类数组变成数组，arguments为啥不是数组自行搜索 slice返回一个新数组
            context[fn](arg) //执行fn
            delete context[fn] //删除方法

        }

 apply原理

与bind一致  只是第二个参数是传入的数组
        Function.prototype.myApply = function (context, args) {
          if (!context || context === null) {
            context = window;
          }
          // 创造唯一的key值  作为我们构造的context内部方法名
          let fn = Symbol();
          context[fn] = this;
          // 执行函数并返回结果
          return context[fn](...args);
        };