call方法的使用bug--参数undefined

call/apply是函数原型定义的方法(Function.prorotype)，在使用时要注意第一个形参(args[0])，一定是指向函数所要挂载的上下文对象--context，若对象非必须，则要将第一个参数置为null或undefined,不显示传入context，按照call/apply的实现过程，会将其他形参(args[1])作为调用上下文使用，很容易造成其他形参undefined错误，出错场景如下：

function myMatch(str){
       var rst = str.replace("{{","").replace("}}","");
       return rst;
   }

//给Array原型扩展自定义方法
   Array.prototype.myEach = function(f){
       var rst = [];
       for( var i=0;i<this.length;i++ ){
           var macther = f.call( this[i]);
           //var macther = f(this[i]);
           rst.push( macther );
       }
       return rst;
   }

var arr = ["{{name}}","{{age}}"];

console.log( arr );

console.log( arr.myEach( myMatch ) );

出错原因：在调用call的时候，this[i]被当做了挂在上下文context,真正有用的形参如str,则是undefined!

解决方案：

1.在无明显context需求下，可以不用call/apply形式，直接用f(this[i]);

2.无必要使用context,但使用call/apply,请将context置为null/undefined.

巴特西

call方法的使用bug--参数undefined

最新文章

热门文章