前言

变量是数据的"命名存储"，我们可以利用变量对数据进行一系列操作

变量

JavaScript中使用let和var定义变量

// 这里表示声明(定义)了一个name变量

let name;
var age;

使用=赋值运算符给声明的变量赋值

// 表示name变量的内存区域存储的是"小新" age变量存储的是24

let name = "小新";
var age = 24;

此时我们就可以使用变量名访问name和age存储的数据了

// 访问name变量

console.log(name) // 小新
console.log(age)  // 24

声明变量我们可以单行，也可以多行

let name = "小新",age = 24;
var name = "小新",age = 24;

但是实际开发中更推荐使用一行定义一个变量，可读性更高。严格模式下不允许将相同的变量声明两次。

// 严格模式下都会触发错误
let name = "小新"
let name = "小新的女朋友"

// 非严格模式下var的重复声明不会报错 age的值为23
var age = 24;
var age = 23;

实际开发中我们推荐使用let,而且避免使用var来声明一个变量

var的特性可能会使程序出现意想不到的后果，让我们对比下let和var：

// 1.var会使得变量提升  let不会

// 使用var
console.log(name);//undefined  从代码结构看运行到这一行并没有声明name属性 应该报name id not defined
var name = "小新"

// 上面的代码相当于下面的代码
var name;
consoele.log(name);
name = "小新" // 变量提升了

// 使用let
console.log(name); // 报错：Cannot access 'k' before initialization 注意是initialization
let name = "小新" // 变量没有被提升

// 2.var声明的变量在整个函数作用域都可以使用，而let声明的变量只在声明的块级中有效(子块中var和let都有效)

// var 同样的变量 一个x
function varTest() {
  var x = 1;
  {
    var x = 2;
    console.log(x); // 2 
  }
  console.log(x) // 2
}

// let 块外部的变量的x和块内的x不是同一个变量

function letTest() {
  let x = 1;
  {
    let x = 2;
    console.log(x);  // 2 
  }
  console.log(x)  // 1 
}

// 顶部声明变量时，var声明变量是给全局对象添加属性，let不会
var x = 1;
let y = 1;

console.log(this.x) // 1
console.log(this.y) // undefined

可以看到, var会产生好多令人困惑的地方，所以更推荐使用let而不是古老的var

同时，变量命名应该注意：

1.变量命名区别大小写 name和Name不是同一个变量

2.不能用关键字或者保留字作为变量名 如let、return等

3.虽然允许非英文作为变量名，但是不推荐

常量

顾名思义，不变的常数量称做常量

常量使用const声明

const name = "小新"

name = "小新的女朋友" // 报错Assignment to constant variable 常量一旦赋值不允许修改

为了更好的区别常量和变量，你可以将常量名和下划线大写，表示是一个常量

const NAME = "小新"

const NAME_FIRSRNAME = "小"

值得注意的是：const声明创建的常量正确理解是创建了一个值的只读引用，并不是所持有的值是不可变的，如对象是可以改变属性值的

const person ={name: "小新"}
person.name = "小新的女朋友"  // 这是可以的 并没有修改person引用

所谓的暂存死区，也就是说{}内形成块级作用域，适用于let和const

{
    const name = "小新"
    var age = 23
}

console.log(age); // 23
console.log(name); // 报错