• var、let、const与JavaScript变量/常量的定义


    早期的JavaScript中,声明变量只能使用var关键字定义变量,并没有定义常量的功能。通过var关键字定义的变量,其作用域只能函数级或是全局作用域,并没有块级作用域。ES6(ECMAScript 2015)对这一问题做了改善,增加了用于定义块级变量的let关键字和用于定义常量的const关键字。

    1. var定义变量
    2. let定义块级变量
    3. const定义常量

    1. var定义变量

    1.1 语法及说明

    var关键字用于声明一个或多个变量,声明多个变量时使用逗号(,)分隔,声明变量的同时可以对其初始化。

    语法法结构如下:

    var varname1 [= value1 [, varname2 [, varname3 ... [, varnameN]]]];
    • varname1…varnameN - 变更名。可以是任何合法的标识符。
    • value1…valueN - 初始化值。可选。可以是任何合法的表达式。

    使用var声明变量时,声明的变量作用域是在当前位置的上下文件中:函数的内部(声明在函数内)或者全局(声明在函数外)。

    1.2 使用及特点

    使用var定义的变量有以下特点:

    变量声明提升

    无论在代码的任何位置声明变量,执行引擎都会在任何代码执行之前处理。由于这个原因,所以在代码中的任意位置声明变量与在代码开头声明变量是等效的。

    这意味着我们可以在定义变量之前使用,这个行为叫做'hoisting',也就是把所有的变量声明移动到函数或者全局代码的开头位置。

    hoist = 'http://itbilu.com';
    var hoist;
    
    // 可以理解为:
    var hoist;
    hoist = 'http://itbilu.com';

    注意:虽然变量声明提升让我们可以先使用再定义变量,但建议总是先定义再使用变量,这样可以让变量的作用域更加清晰。

    声明与未声名变量的区别

    未声明的变量会被添加一个全局作用域,而声明变量作用域是当前上下文:

    function x() {
      y = 1;   // 在严格模式下会抛出ReferenceError
      var z = 2;
    }
    x();
    
    console.log(y); // '1'
    console.log(z); // ReferenceError: z is not defined

    声明变量在任何代码执行前创建,而未声明的变量只有在执行赋值操作的时候才会被创建:

    console.log(a);  // 抛出ReferenceError。
    console.log('still going...'); // 不会执行
    var a;
    console.log(a);  // "undefined"或""(不同执行引擎的实现不同)
    console.log('still going...'); // 'still going...'

    声明变量是不可配置属性,而未声明变量是可配置的:

    var a = 1;
    b = 2;
    
    delete this.a; // 在严格模式下抛出TypeError,非严格模式下执行失败且无任何提示
    delete this.b;
    
    console.log(a, b); // 抛出ReferenceError,'b'属性已经被删除

    以上三点是声明与未声明变量区别,但错误表现是不可预知的。而在严格模型下,使用未赋值的变量会抛出异常,推荐总是先定义(声明)再使用变量。

    全局作用域与函数作用域

    函数内部声明的变量只能在函数内部使用,函数外部声明的变量可以全局使用:

    var x = 0;
    
    function f(){
      var x = 1, y = 1;
    }
    f();
    
    console.log(x); // 0
    console.log(y); // ReferenceError: y is not defined

    2. let定义块级变量

    2.1 语法及说明

    let用于定义块级变量,其语法结构类似于var

    let varname1 [= value1 [, varname2 [, varname3 ... [, varnameN]]]];

    var声明的变量是函数级的或者是全局的,而let用于声明块级作用域。

    如,使用let声明一个块级变量:

    if (x > y) {
      let gamma = 12.7 + y;
      i = gamma * x;
    }

    2.2 与var的异同

    letvar的区别主要体现在作用域上,当在子代码块中使用中其声明的是块级变量,而var声明的是全局变量:

    var a = 5;
    var b = 10;
    
    if (a === 5) {
      let a = 4; // if 块级作用域
      var b = 1; // 函数级作用域
    
      console.log(a);  // 4
      console.log(b);  // 1
    } 
    
    console.log(a); // 5
    console.log(b); // 1

    在函数或程序顶层使用时,letvar没有什么区别:

    var x = 'global';
    let y = 'global';
    console.log(this.x);  // 'global' 
    console.log(this.y);  // 'global'

    3. const定义常量

    const用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改:

    const name1 = value1 [, name2 = value2 [, ... [, nameN = valueN]]];

    const定义常量与使用let定义变量十分相似:

    • 二者都是块级作用域
    • 都不能和它所在作用域内的其他变量或函数拥有相同的名称

    两者还有以下两点区别:

    • const声明的常量必须初始化,而let声明的变量不用
    • 常量的值不能通过再赋值改变,也不能再次声明。而变量值可以修改

    参考链接:

    https://itbilu.com/javascript/js/NJqR2qmrW.html

  • 相关阅读:
    编译原理实验(NFA转DFA,LL1文法)
    欧几里得算法
    Codeforces Round #697 (Div. 3) A -D 解题报告
    STM32使用SPI驱动WS2812灯带
    读书笔记---<<人月神话>>5
    基于百度和echars接口,实现多点连接
    读书笔记---<<人月神话>>4
    读书笔记---<<人月神话>>3
    软件杯----------害虫地区分布展示
    web页面采用高德地图JS api和Web api实现路径规划
  • 原文地址:https://www.cnblogs.com/ryanzheng/p/10216120.html
Copyright © 2020-2023  润新知