美文网首页
JS函数问题

JS函数问题

作者: 羞涩的涩 | 来源:发表于2016-05-29 19:07 被阅读46次

    函数声明和函数表达式有什么区别

    函数表达式和函数声明语句包含相同的函数名,并且都创建了新的函数对象,他们的区别主要在于变量提升的对象不同

    • 函数声明的函数名就是一个变量,变量指向函数对象。变量提升的是函数的变量和函数主体。
    • 函数表达式的是通过var进行赋值,把整个函数赋值给一个新的变量,变量提升的是新的变量名,函数初始化代码将继续留在原来的位置不变。

    什么是变量的声明前置?什么是函数的声明前置

    • 变量的声明前置
    console.log(a);
    var a = 1;
    结果为underfined
    

    变量的声明前置会默认此代码为:

    var a;      //变量声明前置
    console.log(a);
    a = 1;
    
    • 函数的声明前置
    a()
    function a(){
    console.log ("hello") }
    

    函数的声明前置默认此代码为:

    function a(){                   //将函数声明提升
    console.log ("hello") }
    a()
    

    arguments 是什么

    arguments是一个类数组的对象,它里面所存储的是函数执行的时候所传递进来的参数,在函数中可以使用arguments获取所有函数的参数。
    如下代码:

    function say(name,sex,age){
      console.log(arguments);
    }
    console.log('name:jiuyi',"sex:男",'age:54')
    结果为:
    "name:jiuyi"
    
    "sex:男"
    
    "age:54"
    

    函数的重载怎样实现

    在JS中没有函数重载的概念,后面的新函数将会覆盖前面的同名函数,哪怕参数不同。

           function p(a,b,c) {  
               console.log(a+b+c);  
           }  
     
           function p(a,b) {  
               console.log(a+b);  
           }
    
           console.log(p('hello','jiuyi','yes'));
    
           console.log(p('hello'))
    结果为:
      "hellojiuyi"
    
     "helloundefined"
    
    

    由上图可以看出,后面的P函数覆盖掉了上面的P函数。


    立即执行函数表达式是什么?有什么作用

    立即执行函数表达式就是将整个函数声明用()包括起来变为函数表达式,然后后面跟上参数就会立即执行函数。
    function ( ){ }函数声明转为( function (){ }) ( )
    作用:

    • 生成自己的作用域以及独立的局部变量,不受变量提升的干扰,减少内部变量与外边变量冲突的可能,执行一次会销毁变量。

    什么是函数的作用域链

    在JS中分为全局变量和局部变量,函数内部可以访问全局变量,而函数外部不能访问函数内部的局部变量,在变量在一个函数内部的时候,会优先在此作用域里寻找变量是否定义,没有就向上一级寻找,知道找到所需要的变量。如果在全局变量中没有找到将会报错。尽量使用局部变量,以免造成与外部变量的干扰。


    1.代码输出

        function getInfo(name, age, sex){
            console.log('name:',name);
            console.log('age:', age);
            console.log('sex:', sex);
            console.log(arguments); //代表实际参数,所以输出实际参数内容
            arguments[0] = 'valley';//name赋值为valley
            console.log('name', name);//所以这里参数输出为valley
        }
    
        getInfo('hunger', 28, '男');
        getInfo('hunger', 28);
        getInfo('男');
    结果为:
    name: hunger
     age: 28
     sex: 男
    ["hunger", 28, "男"]
    name valley
    
     name: hunger
     age: 28
    sex: undefined
     ["hunger", 28]
     name valley
    
    name: 男
    age: undefined
     sex: undefined
    ["男"]
    name valley
    

    2.写一个函数,返回参数的平方和

       function sumOfSquares(){
       var x = 0;
       for(var i = 0;i<arguments.length;i++){
       x = x + arguments[i]*arguments[i]
       }
       console.log(x)
       }
       sumOfSquares(2,3,4);   
       sumOfSquares(1,3);
    结果为:
    29
    10
    
    

    3.如下代码的输出?为什么

    console.log(a); //输出为underfined,因为JS会全局变量提升,a只有声明没有赋值
    var a = 1;
    console.log(b);//报错,因为b未声明未赋值
    

    4.如下代码的输出?为什么

    sayName('world'); 
    sayAge(10);
     function sayName(name){
     console.log('hello ', name);
     }
     var sayAge = function(age){ 
    console.log(age); 
    };
    结果为:
    hello  world  //因为函数声明前置function sayName(name)被提升到最上面,sayName有声明有内容。
    
    报错  //因为变量声明前置 var sayAge 提升到最上面,而sayAge函数未声明,所以报错。
    

    5.如下代码的输出?为什么

     function fn(){} 
     var fn = 3;
     console.log(fn);
    
    相当于:
      var fn;
      function fn(){} ;
      fn = 3;
      console.log(fn);    //所以输出为3
    

    6.如下代码的输出?为什么

    function fn(fn2){
       console.log(fn2);   //输出 function fn2(){ console.log('fnnn2');}
       var fn2 = 3;
       console.log(fn2);   //输出3
       console.log(fn);    //输出 function fn(fn2){ console.log(fn2); var fn2 = 3; console.log(fn2); console.log(fn); function fn2(){ console.log('fnnn2'); } } fn(10);
       function fn2(){ 
         console.log('fnnn2');  //不输出,函数未调用
       } 
    } 
    fn(10);
    
    相当于:
    
    var fn2;                            //声明前置
    function fn(fn2){  
       function fn2(){                   //函数声明前置
         console.log('fnnn2');          //此函数不输出,未调用
       } 
       console.log(fn2);               // 调用的其实是函数fn2
       fn2 = 3;             
       console.log(fn2);            // 此时fn2已被赋值为3
       console.log(fn);              //调用的其实是fn整个函数
    }
    fn(10);
    

    7.如下代码的输出?为什么

        var fn = 1;
        function fn(fn){
             console.log(fn);
        }
        console.log(fn(fn));       //结果报错,变量提升,fn为1,直接调用1出错
    
    结果相当于:
        var fn;
        function fn(fn){
             console.log(fn);
        }
        fn = 1;
        console.log(fn(fn)); 
    

    8.如下代码的输出?为什么

     console.log(j);   //变量提升输出undefined
     console.log(i);    //变量提升输出undefined
    for(var i=0; i<10; i++){   //i循环后结果为10
    var j = 100; 
    }
     console.log(i);    //输出10
     console.log(j);    //输出100
    

    9.如下代码的输出?为什么

      fn();
       var i = 10;
       var fn = 20;
       console.log(i);
       function fn(){
           console.log(i);
           var i = 99;
           fn2();
           console.log(i);
           function fn2(){
               i = 100;
            }
        }
    
    代码相当于:
    
    var i; 
    var fn;
    function fn(){  
      var i ;
      function fn2(){
      i = 100;
      }
     console.log(i);    //只有声明未赋值输出underfined
      i = 99;
      fn2();                  //经过运行I=100
      console.log(i);      //输出100
    
    }
    fn();
    i = 10;
    fn = 20;
    console.log(i);             //输出10
        
    

    10.如下代码的输出?为什么

        var say = 0;
        (function say(n){
            console.log(n);
            if(n<3) return;
            say(n-1);
        }( 10 ));
        console.log(say);
    
    代码相当于:
        var say;
        (function say(n){
            console.log(n);
            if(n<3) return;    
            say(n-1);
        }( 10 ));
          say = 0;
        console.log(say);           //输出为0
    结果为:
    10
    9
    8
    7
    6
    5
    4
    3
    2
    0
     
    

    函数say为立即执行函数,执行结果为10、9、8、7、6、5、4、3、2,最后say赋值为0,所以输出为0


    • 本博客版权归羞涩的涩和饥人谷所有,转载请注明出处

    相关文章

      网友评论

          本文标题:JS函数问题

          本文链接:https://www.haomeiwen.com/subject/vzkzrttx.html