在vue中let var 和const 区别

时间:2022-05-10 01:51:05

let和const   使用方法:

  (1).有没有感觉到在     javascript  使用var会发生变量提升,即脚本开始运行时,

变量已经存在了,但是没有值,所以会输出undefined。

  而let不会发生变量提升,这表示在声明它之前,变量是不存在的,这时如果用到它,

就会抛出一个错误。

  (2). var 是函数级作用域,let是块级作用域

例子:

  {

    let n = 10;

    var m = 1;

  }

  结果:n //      会报错:ReferenceError:a is  not defined.

  结果:m // 1

  (2).let不允许在相同作用域内,重复声明同一个变量:

例子:

   function(){

    let n = 10;

    var n = 1;

  }

  //报错

  function(){

    let n = 10;

    let n = 1;

  }

  //报错

  (3).const声明一个只读的常量,且声明后,常量的值是不能改变的

  const PI = 3.1415;

  PI = 3;

  //报出异常:TypeError: Assignment to constant variable

  (4).const命令声明的常量也是不提升,只能在声明的位置后面使用。

例子:

  {

    const a = 10;

  }

  console.log(a);

     //报错

  (5).constlet  一样不可重复声明

  (6).复合类型的变量,变量名不指向数据,它是指向数据所在的地址,

    const只保证变量名指向的地址是不变的,并不能保证它地址的数据是不变的,

    所以将一个对象声明为常量必须非常小心.

  const n = {};

  n.prop = aaa;

  console.log(n.prop);    // aaa

  n = {}; // 报错