var let const

一、前言

ECMAScriptJavaScript 到底是什么关系?
ECMAScript是一个国际标准化脚本语言。JavaScriptECMAScriptDOMBOM三者组成。可以简单理解为:ECMAScriptJavaScript的语言规范,JavaScriptECMAScript的实现和扩展。
2011 年,ECMAScript 5.1 版发布。之前我们大部分人用的也就是ES5
2015 年 6 月,ECMAScript 6 正式通过,成为国际标准。

二、块级作用域

ES5 中作用域有:全局作用域、函数作用域。没有块作用域的概念。
ES6 中新增块级作用域。块作用域由 { } 包括,if语句和 for语句里面的{ }也属于块作用域。
{ var a = 1; console.log(a); // 1}console.log(a); // 1// 通过var定义的变量可以跨块作用域访问到。(function A() { var b = 2; console.log(b); // 2})();// console.log(b); // 报错,// 可见,通过var定义的变量不能跨函数作用域访问到if(true) { var c = 3;}console.log(c); // 3for(var i = 0; i < 4; i ++) { var d = 5;};console.log(i); // 4 (循环结束i已经是4,所以此处i为4)console.log(d); // 5// if语句和for语句中用var定义的变量可以在外面访问到,// 可见,if语句和for语句属于块作用域,不属于函数作用域。
复制代码

三、var、let、const 区别

  • var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。
  • let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。
  • const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。
// 块作用域{ var a = 1; let b = 2; const c = 3; // c = 4; // 报错 var aa; let bb; // const cc; // 报错 console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 console.log(aa); // undefined console.log(bb); // undefined}console.log(a); // 1// console.log(b); // 报错// console.log(c); // 报错// 函数作用域(function A() { var d = 5; let e = 6; const f = 7; console.log(d); // 5 console.log(e); // 6 console.log(f); // 7 })();// console.log(d); // 报错// console.log(e); // 报错// console.log(f); // 报错
复制代码
Loading...
目录
文章列表
王小扬博客
产品
Think
Git
软件开发
计算机网络
CI
DB
设计
缓存
Docker
Node
操作系统
Java
大前端
Nestjs
其他
PHP