JS作用域demo

Posted agansj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS作用域demo相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <pre>
       您好!
   您好!
    </pre>
</body>
</html>
<script>
function show(){
    var b=2;
    a=++b;
}
show();
console.log(a);
</script>

因为在函数中,a 的前面没有var  ,所以 变量a  是全局作用域,所以在函数的任意部分都能够访问到变量a  ,所以打印出来的是 数字 3

 

  var b = 1;
   function a(){
       console.log(b);
       if(!b){
           var b = 2;
        }
    console.log(b);
   }
   a();
   console.log(b);

依次打印出来的是 undefined  2  1 ,考察的是作用域的问题

 

以上是关于JS作用域demo的主要内容,如果未能解决你的问题,请参考以下文章

JS 作用域及作用域链

JS---闭包

JS作用域demo

js中的闭包

如何理解vue.js组件的作用域是独立的

JavaScript 作用域 与 作用域链