zoukankan      html  css  js  c++  java
  • 简述var、let、const三者的区别

    前二者为定义变量,const一般用来定义常量。

    1、var声明变量可以重复声明,而let不可以重复声明

    1  var name = 'xiaohuang';
    2  var name = 'xiaolan';
    3  console.log(name);//xiaolan
    1 let name = 'xiaohuang';
    2 let name = 'xiaolan';
    3 console.log(name);//报错'name' has already been declared

    2、var是不受限于块级的,而let是受限于块级

    1 {
    2     var a = 10;
    3 }
    4 console.log(a);//10
    //在花括号外面和里面打印都会出来10
    1 {
    2     let a = 10;
    3 }
    4 console.log(a);//Uncaught ReferenceError: a is not defined
    5 //而let声明,只能在花括号里面打印,在外面打印就报错了

    3、var会与window相映射(会挂一个属性),而let不与window相映射

    1 var m = 20;
    2 console.log(window);

    1 let m = 20;
    2 console.log(window);

    同理,var可以引用全局对象,而let不可以

    1 var user = '小明';
    2 console.log(window.user);//小明
    1 let user = '小明';
    2 console.log(window.user);//undefined

    4、var可以在声明的上面访问变量,而let有暂存死区,在声明的上面访问变量会报错

    1 console.log(bosh);//undefined
    2 var bosh = 100;
    1 console.log(bosh);//ReferenceError: bosh is not defined
    2 let bosh = 100;

    最后说下const,const有以下几个特性

    1)声明之后必须赋值,否则会报错

    1  const arr;
    2  console.log(arr);//Missing initializer in const declaration

    2)定义不可变的量,改变了就会报错

    1 const num = 100;
    2 const num = 200;
    3 console.log(lis);//Identifier 'num' has already been declared

    3)不会与window相映射(不在window上挂一个属性)

    4)支持块级作用域,只要有{}都支持块级

    5)在声明的上面访问变量会报错

    注:后三个特性和let一样,就不举例子了~

    const应用场景:

    一般这个值不会变了,就用常量。

    获取静态元素的时候可以使用

    比如

    const lis = document.querySelectorAll('li');
  • 相关阅读:
    「CF1027」
    「CF1000G Two-Paths」
    「CF1009」
    「CF1008」
    Vi的按键(常用)
    【codeforces】Codeforces Round #643 (Div. 2)
    【codeforces】Codeforces Round #641 (Div. 2)
    【codeforces】 Codeforces Round #640 (Div. 4)
    【codeforces】Codeforces Round #642 (Div. 3)
    【codeforces】CF1345C Hilbert's Hotel
  • 原文地址:https://www.cnblogs.com/theblogs/p/9975719.html
Copyright © 2011-2022 走看看