块级作用域

  1:let命令声明的变量只在let命令所在的代码块有效--简而言之 大括号既是代码块,也就是说存在块级作用域了.

{
let a =10;
var b =1;
}
a // ReferenceError: a is not defined.
b //

  重点:所以let命令很适合在for循环当中,并且for循环的设置循环变量的那个区域是个父级作用域,循环体里面是一个子作用域

  注释:下面代码中,变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6,这是因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算

var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); //
//体现功能点:for循环设置循环变量的作用域 与 循环体是不同的作用域
//for循环变量的作用域是循环体的父级作用域
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc

  

不存在变量提升

  1:只要块级作用域内使用let声明了一个变量,那么这个变量就绑定了这个块级作用域,同时因为let命令声明的变量不会发生变量提升,所以在声明之前使用都会报错,也就表明typeof运算符不再是安全,(ES5当中,未声明的变量采用typeof 的时候显示的是undefined,还有声明了但是没有初始化的变量也是undefined,JS高级编程就提示最好声明的时候初始化)

  注释:暂时性死区(在变量声明之前使用)

// var 的情况
console.log(foo); // 输出undefined
var foo = 2; // let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;
var tmp = 123;

if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
}
//注释:块级作用域通过let声明了变量tmp,那么在声明之前使用都会报错,而不是调用全局变量
//注释:在块级作用域当中,如果使用了let或者const定义变量,那么必须在定义之后使用,而不管父级作用域是否存在相同的变量

不允许重复声明

  1:所以也不能重新声明函数的参数

// 报错
function func(arg) {
let a = 10;
var a = 1;
let arg; // 报错
} // 报错
function func(arg) {
let a = 10;
let a = 1;
let arg; // 报错
}

  小提示:JS里面var为什么可以重复声明变量你知道吗?

块级作用域的作用

  没有块级作用域导致的问题:

    1:内存作用域的变量会覆盖外层变量

    2:for循环里面的变量沦为全局变量,我们本想只让i控制循环,但是循环结束以后,i变成了一个全局变量了

  优点:

    1:IIFE不再必要了,我们只需要一个块级作用域就可以了,里面的变量采用let命令声明就行

    2:ES6 规定,块级作用域之中,函数声明语句的行为类似于let,在块级作用域之外不可引用

    小提示:ES5规定,函数声明只能在全局作用域和函数级作用域中使用,不能再块级作用域使用,你知道为什么吗?

const命令

  1:const命令的基本用法,定义一个不可更改的变量,并且定义的时候需要初始化。

  2:const命令声明的变量也只能在所在的代码块中有效,也不存在变量提升,就是存在暂时性死区,同时也不能重复声明,

  重点:const定义常量的本质在于,他保证的不是变量的值不能改变,而是变量指向的内存的地址不能改变,对于简单变量来说,值就保存在变量指向的那个地址;但是对于复杂的数据来说,变量指向的地址只是一个指针而已,如果该指针指向的数据结构发生改变,那么其实该数据还是发生改变的,所以用const定义一个对象是很不稳定的。

ES6声明变量的方法六种

  分别是var function let const import class

顶层对象的属性

  1:顶层对象,在浏览器环境指的是window对象,在 Node 指的是global对象。

  2:ES5 之中,顶层对象的属性与全局变量是等价的

  3:ES6规定,var function 声明的变量依旧还是顶层对象的属性,使用let const class 声明的全局变量,不再属于顶层对象了

var a = 1;
// 如果在 Node 的 REPL 环境,可以写成 global.a
// 或者采用通用方法,写成 this.a
window.a // let b = 1;
window.b // undefined

ECMAScript6 入门-let与const命令的更多相关文章

  1. ECMAScript 6入门 - let和const命令

    详细学习链接: http://es6.ruanyifeng.com/#docs/let let命令 基本用法 ES6新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命 ...

  2. ES6入门——let和const命令

    let和const命令 1.let命令 用法:类似于var,用来声明一个变量,区别是所声明的变量只在let命令所在的代码块内有效. let命令很适合用在for循环的计数器中,因为let声明的变量仅在作 ...

  3. es6语法入门let 和 const 命令

    let块级作用域 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b for循环的计数器,就很合适使用let命令(防 ...

  4. ECMAScript6 入门教程 初学记录let命令 块级作用域

    一.基本语法-let命令 (1)ES6新增了let命令,用来声明变量.所声明的变量,只在let命令所在的代码块内有效. 循环的计数器,就很合适使用let命令.计数器i只在for循环体内有效,在循环体外 ...

  5. ES6入门之let和const命令

    前言 大家好,我是一只流浪的kk,当你看到这边博客的时候,说明你已经进入了ES6学习的领域了,从本篇博客开始,我将会将自己学习到ES6的相关知识进行整理,方便大家参考和学习,那么我将带你进入第一节的内 ...

  6. ES6 入门系列 - let 和 const 命令

    let命令 基本用法 ES6新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. { let a = ; ; } a // ReferenceEr ...

  7. ES6标准入门 第二章:块级作用域 以及 let和const命令

    一.块级作用域 1.为什么需要块级作用域? ES5中只有全局作用域和函数作用域,带来很多不合理的场景. (1)内层变量可能会覆盖外层变量: var tem = new Date(); function ...

  8. 《ES6标准入门》(阮一峰)--2.let 和 const 命令

    1.let命令 基本用法 let只在命令所在的代码块内(花括号内)有效. for循环的计数器,就很合适使用let命令. //var var a = []; for (var i = 0; i < ...

  9. ECMAScript6-let与const命令详解

    前言 <ECMAScript入门>是一本开源的JavaScript语言教程,全面介绍ECMAScript6新引入的语法特性. let和const命令,是第一章开始介绍,也是比较基础的知识. ...

随机推荐

  1. 51nod1812树的双直径(换根树DP)

    传送门:http://www.51nod.com/Challenge/Problem.html#!#problemId=1812 题解:头一次写换根树DP. 求两条不相交的直径乘积最大,所以可以这样考 ...

  2. Springboot 3.需求携带参数的get请求

    还是拿来上节讲的代码: package com.course.server; import org.springframework.web.bind.annotation.*; import java ...

  3. css实现文本两端对齐

    display:inline-block; text-align:center; text-align-last:justify;

  4. Mysql加锁过程详解(9)-innodb下的记录锁,间隙锁,next-key锁

    Mysql加锁过程详解(1)-基本知识 Mysql加锁过程详解(2)-关于mysql 幻读理解 Mysql加锁过程详解(3)-关于mysql 幻读理解 Mysql加锁过程详解(4)-select fo ...

  5. java代码调用第三方接口

    一.利用httpclient来字符串参数(url是第三方接口,不带参数,如:http://192.168.16.200:8081/faceInfo/list,param是url后面所要带的参数) pu ...

  6. SpringBoot系列: 所有配置属性和官方文档

    Spring Boot 通用配置参数https://docs.spring.io/spring-boot/docs/current/reference/html/common-application- ...

  7. Arduino-接口图

    Arduino开发板上数字输入输出引脚中的3.5.6.9和11都提供0V和5V之外的可变输出.在这些引脚的旁边,会标有PWM——脉冲宽度调制,PWM是英文“Pulse Width Modulation ...

  8. 使用HttpClient和WebRequest时POST一个对象的写法

    [一]步骤: 1)将对象转化为Json字符串. 2)将Json字符串编码为byte数组. 3)设置传输对象(WebRequest或者HttpClient)的ContentType是"appl ...

  9. Revit二次开发之获得项目族预览图

    using Autodesk.Revit.UI; using Autodesk.Revit.DB; using Autodesk.Revit.Attributes; using System.Wind ...

  10. http协议——无连接、无状态

    无连接 无连接的含义是限制每次连接只处理一个请求.服务器处理完客户的请求,并收到客户的应答后,即断开连接.采用这种方式可以节省传输时间. 早期这么做的原因是 HTTP 协议产生于互联网,因此服务器需要 ...