博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6定义变量
阅读量:6861 次
发布时间:2019-06-26

本文共 1626 字,大约阅读时间需要 5 分钟。

一、let命令

  1. 不存在变量提升。es5的var会存在变量提升问题,但是es6的letconst不会存在变量提升问题。
  2. 暂时性死区。只要在块级作用域内存在let命令,它所声明的变量就绑定在这个区域,不再受外部的影响。es6明确规定,如果区块中存在letconst命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域,凡是在声明之前就使用这些变量,就会报错。即使是使用typeof也会报错。
var tmp = 123;if(true){    tmp = "abc"; //ReferenceError tmp is not defined    let tmp;}复制代码
  1. 不允许重复声明。letconst不允许在相同的作用域内,重复声明同一个变量。
// 报错function func() {    let a = 10;    var a = 1;}// 报错function func() {    let a = 10;    let a = 1;}//不能在函数内部重新声明参数function func(arg) {    let arg; // 报错}function func(arg) {    {        let arg; // 不报错    }}复制代码

二、块级作用域

  1. es5只有全局作用域和函数作用域,没有块级作用域。这可能导致很多不合理的场景。
//内层变量可能会覆盖外层变量var tmp = 123;function f() {    console.log(tmp);    if (false) {        var tmp = 'hello world';    }}f(); // undefined复制代码
//用来计数的循环变量泄露为全局变量var s = 'hello';for (var i = 0; i < s.length; i++) {      console.log(s[i]);}console.log(i); // 5复制代码
  1. es6的块级作用域
function f1() {    let n = 5;    if (true) {        let n = 10;    }    console.log(n); // 5}复制代码
  1. es6允许块级作用域的任意嵌套,块级作用域的出现,使得广泛应用的立即执行函数表达式(IIFE)不再必要,块级作用域不返回值,除非它是全局变量。
// IIFE 写法(function () {    var tmp = ...;    ...}());// 块级作用域写法{    let tmp = ...;    ...}复制代码

三、const命令

  1. const声明一个只读的常量,一旦声明,常量的值就不能改变。
  2. const一旦声明变量,就必须立即初始化,不能留到以后赋值。
  3. const限定的是赋值行为。
const a = 1;a = 2;//报错const arr = [];arr.push(1) //[1] //在声明引用型数据为常量时,const保存的是变量的指针,只要保证指针不变就不会保存。下面的行为就会报错arr = [];//报错 因为是赋值行为。变量arr保存的指针改变了。复制代码

四、顶层对象属性与全局变量

  1. 顶层对象,在浏览器环境指的是window对象,在 node 指的是global对象。ES5 之中,顶层对象的属性与全局变量是等价的。
window.a = 1;a // 1a = 2;window.a // 2复制代码
  1. es6中引入的letconstclass声明的全局变量不再属于顶层对象的属性。但是varfunction声明的变量依然属于全局对象的属性。
var a = 1;window.a // 1let b = 1;window.b // undefined复制代码

转载地址:http://ebhyl.baihongyu.com/

你可能感兴趣的文章
Android Studio配置统一管理依赖版本号引用
查看>>
(转)Mysql中文乱码完美解决方案
查看>>
使用迭代器遍历List的时候修改List报ConcurrentModificationException异常原因分析
查看>>
【新产品发布】【iHMI43 智能液晶模块 2013 版】
查看>>
每日英语:Patent Wars Erupt Again in Tech Sector
查看>>
SourceInsight-显示文件完整路径
查看>>
一套代码小程序&Web&Native运行的探索01
查看>>
rails 3 使用 cucumber 和rspec 進行 測試
查看>>
PHP页面编码问题
查看>>
非交互模式修改Ubuntu密码的命令
查看>>
__try 内外不能有 c++ 代码,要封装成一个函数
查看>>
Mysql HA实现MYSQL的高可用
查看>>
ruby doc
查看>>
解决ubuntu里面的sudo: /etc/sudoers is mode 0640, should be 0440
查看>>
人工智能工程师学习
查看>>
maven 插件之 AutoConfig 工具使用笔记
查看>>
vmware中的网络(bridge,nat)(转载)
查看>>
python发送各类邮件的主要方法
查看>>
Redis发布带有“流式”数据类型的5.0版本
查看>>
敏捷开发签名人建议开发者放弃“敏捷”
查看>>