JS基础随笔

作者: YJ_1101 | 来源:发表于2018-04-09 23:23 被阅读0次

    首先先看以下下面的一道面试题:

    ?

    var num = 10;

    fun();
    
    functionfun()
    
    {
    
      console.log(num);
    
      varnum =20;
    
    }
    

    在没有学习之前我会直接回答为10,现在学习JavaScript中的预编译概念知道了var关键字的提升概念以及function的声明概念知道了以上代码与下面代码等量:

    ?

    var num;//全局作用域 遇到var和function 提升

     function fun() {
    
       var num ;  //局部做用户 遇到var 提升
    
       console.log(num);
    
       num =20;
    
     }
    
    num = 10;
    
    fun();
    

    再看下面这道题:

    ?

    //问题:为什么会出现下面的错误?

      //Uncaught TypeError:fnName is not a function
    
      console.log(fnName(1,2));
    
      varfnName = function(a,b) {
    
        returna + b;
    
      }
    

    以上代码等同于以下代码:

    ?

    var fnName;

      console.log(fnName(1,2));
    
      fnName = function(a,b) {
    
        returna + b;
    
      }
    

    可以看到因为function在等号右面所以只会对var进行提升,从而会报“Uncaught TypeError:fnName is not a function”错误。

    了解变量的作用域可以看以下代码:

    ?

    f1();

        console.log(c);
    
        console.log(b);
    
        console.log(a);
    
        function f1() {
    
          var a = b = c = 20;
    
          console.log(c);
    
          console.log(b);
    
          console.log(a);
    
        }
    

    对于var a=b=c=20; 这类连续赋值,在局部作用域内只会对a再声明,而b、c的作用域为全局作用域。所以只有全局作用域内的a报错为"Uncaught ReferenceError: a is not defined"。

    以上这篇JS基础随笔(菜鸟必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    相关文章

      网友评论

        本文标题:JS基础随笔

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