es6学习之let和const

news/2024/7/8 11:08:21

1. 块级作用域

es5只有函数作用域和全局作用域,es6增加了块级作用域

if (true){   } 
//es5中,if语句不是一个作用域
//es6中,if语句是一个块级作用域
复制代码

let和const 声明的变量只在块级作用域内有效

2. let

let类似于var的用法

3. const

3.1

const声明一个只读的常量,一旦声明,常量的值就不能改变。并且声明之后必须立即初始化,否则报错。

3.2 const本质

const实际上是变量指向的那个内存地址不得改动。对于简单的数据类型(数值,字符串,布尔值),值就保存在变量指向的内存地址中,因此等同于常量。但对于复合类型数据(对象和数组),变量指向的内存地址保存的只是一个指针,const只能保证指针时固定的。

const foo ={};
foo.prop = 123; 
foo.prop        //123
foo = {};       //将foo指向另外一个对象,就会报错
复制代码

4. 变量提升

var 命令会发生变量提升现象,即变量可以在声明之前使用,值为undefined

console.log(foo);   //输出undefined
var foo = 2;
复制代码

let和const不会发生变量提升

5. 暂时性死区

只要在块级作用域使用let/const命令,它所声明的变量就会绑定这个区域,不受外部影响

var temp - 123;
if(true){
    temp = 'abc';   //RefernceError
    let temp;
}
复制代码

es6中,只要块级作用域内存在let和const命令,只要在声明之前就使用这些命令,就会报错

6. let不允许重复声明同一个变量,不能在函数内部重新声明参数

function func (arg){
    let arg;    //报错
}
function func (arg){
    {
        let arg;    //不报错,因为这里的作用域与函数作用域分开了
    }
}
复制代码

7. 块级作用域与函数声明

es6中

  • 允许在块级作用域内声明函数
  • 函数声明类似于var,即会提升到全局作用域或函数作用域头部
  • 同时,函数声明还会提升到所在的块级作用域头部
//es6中
function f(){console.log('outside')}
(function(){
        if(false){console.log('inside')}
        f();
    }();)
//uncaught TypeError: f is not a function
复制代码

上面代码在符合es6的浏览器中都会报错,因为实际运行的是以下代码

function f(){console.log('outside')}
(function(){
    var f = undefined; //在此处var声明
    if(false){console.log('inside')}
    f();
    }();)
复制代码

应该避免在块级作用域中声明函数,应写成函数表达式的形式。


http://www.niftyadmin.cn/n/1147677.html

相关文章

【移动端布局】2 - 适配方法:百分比适配、viewport缩放适配、dpr缩放适配、rem适配、vw适配

文章目录关于适配1、百分比 适配2、viewport缩放适配3、DPR缩放适配4、rem适配4.1 em 和 rem的区别4.2 rem适配原理4.3 js动态设置html字体大小 - 笨方法,要自己算元素占几个rem4.4 js动态设置html字体大小 - rem的最优写法!!!4.5…

京城数家家乐福顾客人数减少

昨天(16日),记者走访了平时顾客较多的几家家乐福店。虽然各店管理层不愿透露有关数据,但销售人员均表示,最近两天购物者人数确有减少。 国展店近两天顾客有所减少 昨天下午4时左右,记者来到家乐福国展店时,不少售货…

「前端面试题系列7」Javascript 中的事件机制(从原生到框架)

前言 这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化ES6 中箭头函数的用法this 的原理以及用法伪类与伪元素的区别及实战如何实现一个圣杯布局?今日头条 面试题和思路解析最近&#xff0c…

【git实用】- git 查看单独一个文件的修改历史

文章目录Git 三大分区对比三个区之间的数据差别git 查看单独一个文件的修改历史Git 三大分区 Git 本地数据管理,大概可以分为三个区,工作区,暂存区和版本库。 工作区(Working Directory) 是我们直接编辑的地方,例如 …

越豪华越危险 家装豪华程度与环境污染成正比

3月14日,太原市环保局联合部分销售企业启动“绿美之家、全城免费室内空气甲醛检测爱心大行动”,为太原百姓免费检测室内空气甲醛指数。近日,检测结果全部出来,被测的130户家庭中,只有23户的室内甲醛排放量低于全国统一…

通信类

什么是同源策略 同源策略会限制从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。是一个隔离潜在恶意文档的关键安全机制。 同源策略的限制 Cookie、LocalStorage和IndexDB无法读取。DOM无法获得。Ajax请求不能发送。 //ajax只适合同源,不能适合跨域前…

8城市TD终端10天仅卖2000部

调查的结果显示,在10天之内的TD销售中,市场份额分别为:三星20.8%、 LG19.1%、联想12.6%、海信12.6%、新邮通8.2% 自4月1日TD-SCDMA放号以来,TD-SCDMA终端以及号码究竟卖出了多少一直受到市场的强烈关注,但中国移动对此三缄其口.从咨询和调研公司赛 迪顾问了解到,根据零售监测和…

nodejs-1基础

文章目录1、关于node2、基本调试3、vscode 中 debugger4、模块导入导出5、fs 文件模块6、buffer7、http1、关于node node.js是一个异步的事件驱动的JavaScript运行时 node.js特性: 非阻塞I/O事件驱动 和前端比较: 语法不变,都是ECMA语法…