JavaScript的变量及变量的提升

梦里梦外; 2023-03-13 09:25 24阅读 0赞

## JavaScript的变量及变量的提升 ##

#### 一.JavaScript变量的命名规范 ####

1.  变量名必须以字母，$ 或 \_开头
2.  驼峰命名 aName
3.  不可以用纯数字命名
4.  js对大小写敏感
5.  不可以使用关键字命名 var let const delete break for if

#### 二.JavaScript的变量 ####

变量：字面意思，变化的量。  
变量的使用分为声明和赋值两个步骤。

// 1.变量的声明 var 关键字
        var x;//x是变量名 x是用来储存变量值的
        // 2.变量的赋值 = 
        x=10;//10是x变量的值
        console.log(x);
        x='20';
        console.log(x);
        x="何佳";
        X="何佳2号";
        console.log(x,X);
    
        //声明多个变量
        var a,b,c;
        // a=10;
        // b=20;
        // c=30;
        a=10,b=20,c=30;
        console.log(a,b,c);

同时声明变量及赋值 初始化

// 声明变量的同时进行赋值
        var name="zgc";
        console.log(name);
    
        var age=20,sex="男";
        console.log("年龄："+age,'性别：'+sex);

#### 三.JavaScript的常量 ####

常量：不变的量 使用关键字 const 声明

const num=100;
        console.log(num);
        num=200;
        console.log(num);//Uncaught TypeError: Assignment to constant variable.

#### 四.ES6新增的使用let声明变量 ####

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

{ 
          let a = 10;
          var b = 1;
        }
        
        a // ReferenceError: a is not defined.
        b // 1

#### 五.变量的提升 ####

*  JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
 *  JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。

//先使用，后声明
        x=10;
        console.log(x);
        var x;
        //先声明，后使用
        var z;
        z = 10;
        console.log(z);
    
      // 以上两种代码都可以获取到变量x
    
        //变量的作用域
        function func(){ 
            var y=10;
            console.log(y);
        }
        func();
        // console.log(y);
    
        setInterval(function(){ 
            x=x+1;
        },1000)
        
        // 当变量进行了初始化时，变量将不会被提升
        console.log(y);
        var y=20;//undefined

**讲解视频链接接：  
1.https://www.bilibili.com/video/BV1tf4y1U78x/  
2.https://www.bilibili.com/video/BV1Xa4y1i7U1/**