js函数的一些难点

今天又把javascript函数部分复习了一下,把一些难点归纳下,为了让书越看越薄,还是决定记下来。

1. 创建函数的2种方式:函数声明和函数表达式:

二者的区别:函数声明提升。函数声明后面不能跟圆括号,但函数表达式后面可以跟圆括号。要将函数声明转化为函数表达式,只需在给函数声明加一对圆括号即可。(function(){})();
函数声明:重要特征:函数声明提升,在执行代码前先读取函数声明,所以可以把函数声明放在调用它的语句后面。

sayHi();
function sayHi(){
     alert('hi');
}   //不会报错

函数表达式在使用前必须先赋值。否则会报错。

sayHi();
Var sayHi=function{
     alert('hi');
}   //会报错

2.递归:arguments.callee是一个指向正在执行的函数的指针。

function factorial(num){
     if(num<=1){
          return 1;
     }else{
          return num * arguments.callee(num-1);
     }
}

但是在严格模式下,不能通过脚本访问arguments.callee。可通过下面的方法。

var factorial=(function f(num){
     if(num<=1){
          return 1;
     }else{
          return num * f(num-1);
     }
});

3.this对象:

this对象是在运行时基于函数的执行环境绑定的:在全局函数中this等于window,而在函数被当作某个对象的方法调用时,this等于那个对象。不过,匿名函数的执行环境具有全局性,因此其this对象通常指向window(当然,在通过call()或apply()改变函数执行环境的情况下,this就会指向其他对象)。

var name="the window";
var obj={
     name:"My object",
     getNameFun:function(){
          return function(){
               return this.name;
          }
     }
}
alert(obj.getNameFun()());  //the window

4.多次声明同一个变量:

function outputNumber(){
     for(var i=0;i<10;i++){
          console.log(i);  //1 2 3 4 5 6 7 8 9
     }
     var i;
     console.log(i);  //10
}

javascript从来不会告诉你是否多次声明了同一个变量:遇到上述情况,它只会对后续声明视而不见(不过,它会执行后续声明中的变量初始化)。匿名函数可以用来模仿块级作用域并避免这个问题。

5.闭包与变量:
由于作用域链的机制,闭包只能取得包含函数中任何变量的最后一个值。是因为闭包所保存的是整个变量对象,而不是某个特殊的变量。

function createFunction(){
     var result=new Array();
     for(var i=0;i<10;i++){
          result[i]=function(){
               return i;
          }
     }
     alert(result[2]()); //10
     return result;
}

result是一个函数数组,此时每个函数都引用着保存变量i的同一个变量对象,所以在每个函数内部i的值都是10. 但是可以通过让函数立即执行,来符合我们的预期。

function createFunction(){
     var result=new Array();
     for(var i=0;i<10;i++){
          result[i]=function(num){
               return num;
          }(i)
     }
     alert(result);//0,1,2,3,4,5,6,7,8,9
     return result;
}

由于函数参数是按值传递的,所以会将变量i的当前值复制给参数num,这样,result数组中的每个函数都有自己num变量的一个副本,因此就可以返回各自不同的数值了。

6.返回一个函数:

function createCompareFunction(pro){
     return function(obj1,obj2){
          var va1=obj1[pro];
          var va2=obj2[pro];
          if(va1<va2){
               return -1;
          }else if(va1>va2){
               return 1;
          }else{
               return 0;
          }
     };
     }
     var compare=createCompareFunction('name');//创建函数
     alert(compare({name:'wsz'},{name:'hh'}));//调用函数

7.一道面试题:

     var add=function(x){
          var sum=1;
          var tmp=function(x){
               sum=sum+x;
               return tmp;
          }

          tmp.toString=function(){
               return sum;
          }
          return tmp;
     }
alert(add(1)(2)(3));
阅读 3.8k

推荐阅读
慢慢沉淀
用户专栏

自己在前端路上的积累,沉淀和总结

6 人关注
8 篇文章
专栏主页