块级作用域

  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. python之OpenCv(三)---基本绘图

    opencv 提供了绘制直线.圆形.矩形等基本绘图的功能 1.绘直线 cv2.line(画布,起点坐标,终点坐标,颜色,宽度) 例如: cv2.line(image,(20,60),(300,400) ...

  2. 我眼中的K-近邻算法

    有一句话这样说:如果你想了解一个人,你可以从他身边的朋友开始. 如果与他交往的好友都是一些品行高尚的人,那么可以认为这个人的品行也差不了. 其实古人在这方面的名言警句,寓言故事有很多.例如:人以类聚, ...

  3. java8 list统计(求和、最大、最小、平均)

    list.stream().mapToDouble(User::getHeight).sum()//和 list.stream().mapToDouble(User::getHeight).max() ...

  4. uploadPreview上传图片前预览图片

    uploadPreview.js是一款图片上传前的预览插件.谷歌.火狐.IE都可以兼容,但是不支持safari. 相关的html代码: <!DOCTYPE html PUBLIC "- ...

  5. tcp协议的简单理解

    tpc协议属于传输层协议,本篇主要介绍下几个概念,以及握手和挥手的过程. 1.tcp的几个概念 位码:即tcp标志位,有6种提示 SYN:synchronus,表示建立联机. ACK:acknowle ...

  6. Python3:判断三角形的类型

    # 判断三角形类型def triangle(a,b,c): if a>0 and b>0 and c>0: if a+b>c and b+c>a and a+c>b ...

  7. C++ 在类里面使用多线程技术

    参考链接:   https://blog.csdn.net/jmh1996/article/details/72235232 说明:    C++的每个成员函数都会有一定转化, 而static 则不会 ...

  8. Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC

    解决Invalid character found in the request target. The valid characters are defined in RFC 7230 and RF ...

  9. 剑指Offer编程题2——替换空格

    剑指Offer编程题2——替换空格 题目描述 请实现一个函数,将一个字符串中的每个空格替换成“%20”.例如,当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happ ...

  10. Django之会议室预预订

    model表设计: from django.db import models from django.contrib.auth.models import AbstractUser # Create ...