es6 随性学习之let,const与var的区别
时间:2022-07-26
本文章向大家介绍es6 随性学习之let,const与var的区别,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
ES6
var let const的区别
-
var
存在变量提升,而let,const
不存在变量提升 - 要了解三者的区别,首先应该了解变量提升
+ 什么是变量提升
+ 在javascript中,函数及变量声明都将被提升到函数的最顶部
+ 在javascript中,变量可以在使用前声明也可以在使用后声明
- 例1
console.log(a); // undefind ===> a已经声明但是没有辅助
var a = 100;
console.log(b); // 报错:b is not defind 找不到变量
let b = 200;
console.log(c); // 报错:c is not defind 找不到变量
const c = 300;
- 例2
function fun() {
// 在else 中的声明变量 a 将提升到最顶部
// console.log(a) // undefind
// console.log(b) // b is not defined
// console.log(c) // c is not defined
if(true) {
console.log(a)
console.log(b) // ReferenceError: Cannot access 'b' before initialization 不能在变量声明前使用 b
console.log(c) // ReferenceError: Cannot access 'c' before initialization 不能在变量声明前使用 c
var a = 1;
let b = 2;
const c = 3;
console.log(a) // 1
}
}
console.log(a) // ReferenceError: a is not defined 变量提升不会突破函数内部
-
let,const
都是块级局部变量
{
let a = 1;
// 变量 a 超出大括号将使用将报错
}
console.log(a) // a is not defined
// const 与 let 一样 区别在于 const 在声明时就需要赋值
const b // 报错:SyntaxError: Missing initializer in const declaration
// 另外不同的是 const 赋值后 再次赋值将报错
const c = 100
c = 200
const num = 1;
num.b = 2; // 不会报错 num.b 的值也无法访问
console.log(num.b) // undefined
- 而同一作用域下
let, const
不能声明同名变量,而var可以
const a = 2
const a = 1
// Identifier 'a' has already been declared 变量 a 已经被声明
- [你必须知道的.Net]读书笔记--override与new在继承中的区别
- gitlab配置邮件通知功能操作记录
- 微信小程序价值思考:手机端的CS-BS迁移
- Linq2Sql数据实体外部更新时“不能添加其键已在使用中的实体”的解决办法
- 微信小程序:字体保持大小
- 在为知笔记中使用JQuery
- 在为知笔记中使用JQuery
- Python学习笔记(1):列表元组结构
- 6步创建一个通用机器学习模板
- Python学习笔记(2):数据库访问
- 学习Python语言,这些酷毙的工具你知道几个?
- Mysql备份系列(4)--lvm-snapshot备份mysql数据(全量+增量)操作记录
- 免费体验国内首款写作机器人,就是这么溜!
- Python学习笔记(3):数据集操作-列的统一操作
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 大型项目技术栈第七讲 Chosen的使用
- 大型项目技术栈第六讲 EasyExcel的使用
- JavaWeb第二讲 重定向与转发 & doGet()与doPost()
- JavaWeb第一讲 Servlet的工作原理及生命周期
- 多系列数据核密度图
- leetcode树之二叉树的层平均值
- 大型项目技术栈第二讲 ES6(ECMAScript 6.0)的使用
- 大型项目技术栈第三讲 ztree的使用
- JavaWeb新手训练经典项目 & 半小时高效开发 & 海量知识点涵盖 = 从这里开始
- Java反射_笔记分享
- Java注解详细总结
- 文档驱动 —— 表单组件(六):基于AntDV的Form表单的封装,目标还是不写代码
- 这就是你日日夜夜想要的docker!!!---------Docker资源控制--Cgroup
- 2020-09-26:请问rust中的&和c++中的&有哪些区别?
- python在Keras中使用LSTM解决序列问题