varletconst与JavaScript变量/常量的定义

Posted 2021-01-31 Ryan.zheng

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

1. var定义变量
   • 1.1 语法及说明
   • 1.2 使用及特点
2. let定义块级变量
   • 2.1 语法及说明
   • 2.2 与var的异同
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的异同

let与var的区别主要体现在作用域上，当在子代码块中使用中其声明的是块级变量，而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

在函数或程序顶层使用时，let与var没有什么区别：

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