写点什么

Vue 进阶(四十二):var、let、const 三者区别

发布于: 1 小时前
Vue进阶(四十二):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); // 报错
复制代码

四、拓展阅读

发布于: 1 小时前阅读数: 3
用户头像

No Silver Bullet 2021.07.09 加入

岂曰无衣 与子同袍

评论 (1 条评论)

发布
用户头像
const 声明的如果是一个对象 也是可以修改对象内部的数据的
随便推荐一款我用过最好用的接口测试工具——apipost ,页面简介,操作简单功能也多。
10 分钟前
回复
没有更多了
Vue进阶(四十二):var、let、const 三者区别