20、作用域和声明提前

介绍

本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记

作用域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
  
      作用域
         -指一个变量的作用范围
        -JS中作用域分为两种
           1.全局作用域
             -直接编写在script标签中的JS代码,都在全局作用域
             -全局作用域在页面打开是创建,在页面关闭时销毁
             -在全局作用域中,有一个全局对象window,可以直接使用
             -在全局作用域中:
                 创建的变量都会作为window对象的属性保存  
                 创建的函数都会作为window兑现的方法保存
             -全局作用的变量都是全局变量,在页面的任意部分都可以访问    
             
          2、函数作用域 
              - 调用函数时所创建的函数作用域,函数执行完毕,函数作用
                域销毁。每调用一次函数,就会创建一个新的函数作用域,
                它们之间是互相独立的
              - 在函数作用域,可以访问到全局作用域的变量
                但在全局作用域中无法访问到函数作用域的内容
              - 当在函数作用域中操作一个变量时,它会现在自身作用域中寻找,
              如果有就直接使用。如果没有,则向上一级作用域寻找。如果全局作用域
              没有找到,则会报错。
              -在函数作用域访问全局变量,可以使用 window.变量进行访问
              -在函数作用域,也有声明提前的特性
       
 
    function fun(){
        var a=123;
    }
    fun();
    // 此时输出a为 not defined
    console.log(a)
    
    var a=10;
    console.log(window.a)// 输出10
    
    function fun1(){
        console.log("fun1");
    }
    window.fun1();
    
    
    function fun4(){
        var a4=20;
    }
    
    /*
      函数作用域中,也有变量声明提前.
        使用var 关键字声明的变量,会在函数中所有的代码执行之前
        被声明
    */
    function fun3(){
        console.log(a);// 输出undefined
        var a=35;
    }
    </script>

  
</head>
<body>
</body>
</html>

声明提前

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>

     变量的声明提前
       - 使用 var 关键字声明的变量,会在所有代码执行之前被声明
       (但是不会赋值)
      - 如果声明变量不使用 var 关键字,则变量 不会被声明提前
     函数的声明提前
       - 使用函数声明形式创建的函数 function 函数(){}
           它会在所有的代码执行之前就被创建 ,所以可以在函数声明前调用
           但是函数表达式没有该功能,不能在声明之前调用。        
 
    
    console.log("a="+a);
    var a=123fun()// 利用了函数的声明提前
   function fun(){
       console.log("ssss")
   }
    </script>

  
</head>
<body>
</body>

猜你喜欢

转载自blog.csdn.net/MoonNight608/article/details/106570305
今日推荐