JS基础随笔

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

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基础随笔

推荐阅读更多精彩内容