JavaScript的变量及变量的提升

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/