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');
  • 相关阅读:
    Mybatis-plugin插件的使用
    SpringBoot整合mybatis-pagehelper实现分页
    springboot打war包
    keepalived1.4.0安装启动卸载
    六、nginx 搭建高可用集群
    五、nginx的动静分离
    四、nginx的负载均衡
    linux中mysql忘记root密码如何登陆
    十分钟到你了解OpenStack--nova组件
    docker 中 add 和 copy 的区别
  • 原文地址:https://www.cnblogs.com/theblogs/p/9975719.html
Copyright © 2011-2022 走看看