1.let命令总结
1.let用法类似于var,但是let只在所在代码块有效
{
let a = 10;
var b = 1;
} a // ReferenceError: a is not defined.
b // 1
2.let适用于for循环
for (let i = 0; i < 10; i++) {
//...
} console.log(i) //ReferenceError: i is not defined
3.let 与 var 的区别
//***** let*****
var a = []
// 每一次循环,i都是新的变量,只在本轮循环有效
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i)
}
}
a[6](); // 6 //*****var*****
var a = []
// 变量i是var声明的,全局有效,每一次循环,i都会发生变化,里面所有的i都指向同一个i
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i)
}
}
a[6](); // 10
那么问题来了,使用let声明的i,在for循环条件中,每一次循环都是新的i,那么i如何记住上一次循环的值,来进行++,再到下一轮循环呢?答案是因为JavaScript引擎内部会记住上一轮循环的值,初始化本轮的变量i
时,就在上一轮循环的基础上进行计算。
4.for循环的父子作用域
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log (i)
} // abc
// abc
// abc
可以看出循环变量i与函数内部变量i不在同一作用域
5.“变量提升”概念
意思就是,一直以来var命令都会发生‘变量提升’的现象,意思就是变量可以在声明之前使用,输出的是“undefined”
6.let纠正了var的尴尬之处
// var 尴尬的地方,使用未声明的变量,竟然不报错
console.log(foo); //输出undefined
var foo = 2; // let纠正了var 的这一现象,使用未声明的变量,报错
console.log(bar); //输出ReferenceError
let bar = 2;
7.暂时性死区 (TDZ)
意思是,只要块级作用域{}存在let,用它来声明的变量,就不会受外部影响
var tmp = 123; if (true) {
tmp = 'abc'; //ReferenceError
let tmp;// TDZ结束
console.log(tmp) // undefined
}
首先在{}中,存在let声明的tmp,那么tmp不受{}以外的变量影响,又因为在if里面的第一句使用到了tmp,这个东西又没有声明,看到总结的第5点就知道,它会报错。
所以,在let命令声明变量tmp之前,都属于变量tmp的死区!!
8.对死区使用 typeof 操作符
typeof x; // ReferenceError
let x; // 然而,对一个不存在的变量使用typeof,却不报错
type of undeclared_var // "undefined"
所以,在没有let之前,typeof运算符是百分之百安全的,永远不会报错
9.let不允许重复再相同作用域内,重复声明同一个变量
// 报错
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;
}
}
10. 使用let代替立即执行匿名函数
// 一般立即执行匿名函数是这样的
var config = (function() {
var config = []
config.push(1)
config.push(2)
config.push(3)
return config
}) // 使用let
let config;
{
config = []
config.push(1)
config.push(2)
config.push(3)
}
11.es6函数不被提升
一般使用‘use strict’开头,即严格模式,就是ES6
'use strict'
function a () {
console.log(1)
}
function f () {
a()
if (false) {
function a () {
console.log(2)
}
}
} f(); // 输出1
假如去掉严格模式语句,也就是老版本ES5状态下,是会输出2的,原因就是发生了函数的变量提升,即
function a () {
console.log(1)
}
function f () {
function a () { // function a() 被提升到最前面了,即使if语句不执行
console.log(2)
}
a()
if (false) {
function a () {
console.log(2)
}
}
} f(); // 输出2
12. const使用,物理内存地址不可更改
例如:
const a = {
name = 'guang'
};
a.name = 'lighter';
a.email = '123456789@qq.com'
console.log(a); // 输出为: { name : 'lighter', email : '123456789@qq.com' }
上面代码不会报错,这是为什么呢?因为这个const为复合型变量,变量名不知想数据,而是指向数据所在的地址。const命令知识保证变量名指向的地址不变,而不保证该地址的数据不变,所以将一个对象生命为常量必须非常小心
const的使用可以参照:http://www.cnblogs.com/zczhangcui/p/6393304.html
对于const常量,例如:const a = 13,因为13这个物理位置是不可变的,所有不能更改a指向的地址。
假如想测定不让修改const 对象,不管它是否复合型变量,都不允许更改
Object.freeze(a);
a.name = ' ' //报错
console.log(s)
------完------
1.let命令总结的更多相关文章
- Cmder--Windows下命令行利器
cmder cmder是一个增强型命令行工具,不仅可以使用windows下的所有命令,更爽的是可以使用linux的命令,shell命令. 安装包 安装包链接 下载后,直接解压即用. 修改命令提示符λ为 ...
- 【每日一linux命令4】常用参数:
下面所列的是常见的参数(选项)义: --help,-h 显示帮助信息 --version,-V ...
- .NET Core系列 : 1、.NET Core 环境搭建和命令行CLI入门
2016年6月27日.NET Core & ASP.NET Core 1.0在Redhat峰会上正式发布,社区里涌现了很多文章,我也计划写个系列文章,原因是.NET Core的入门门槛相当高, ...
- MVVM模式解析和在WPF中的实现(三)命令绑定
MVVM模式解析和在WPF中的实现(三) 命令绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...
- SQLServer执行命令出现“目录无效的提示”
异常处理汇总-数据库系列 http://www.cnblogs.com/dunitian/p/4522990.html 一般都是清理垃圾清理过头了,把不该删的目录删了 网上说法: 问题描述: 1.s ...
- SQLServer文件收缩-图形化+命令
汇总篇:http://www.cnblogs.com/dunitian/p/4822808.html#tsql 收缩前 图形化演示: 不仅仅可以收缩日记文件,数据库文件也是可以收缩的,只不过日记收缩比 ...
- 让 windows 下的命令行程序 cmd.exe 用起来更顺手
在 Windows 下使用 Larave 框架做开发,从 Composer 到 artisan 总是避免不了和 cmd.exe 打交道,系统默认的命令行界面却是不怎么好看,且每行显示的字符数是做了限制 ...
- [版本控制之道] Git 常用的命令总结(欢迎收藏备用)
坚持每天学习,坚持每天复习,技术永远学不完,自己永远要前进 总结日常开发生产中常用的Git版本控制命令 ------------------------------main-------------- ...
- git 命令
切换仓库地址: git remote set-url origin xxx.git切换分支:git checkout name撤销修改:git checkout -- file删除文件:git rm ...
- svn 常用命令总结
svn 命令篇 svn pget svn:ignore // 查看忽略项 svn commit -m "提交说明" // 提交修改 svn up(update) // 获取最新版本 ...
随机推荐
- php面试题--并列排名问题
给定一个二维数组: <?php $data = [ ['name' =>'j1', 'score' => '80'], ['name' =>'j2', 'score' => ...
- Linux 下 ftp的使用
最近需要在Linux上搭建FTP服务,通过网上的一些大神学习了一些新知识,在这个做一个总结: Linux 下FTP 为 vsftp (linux red hat)1.FTP配置路径:/etc/vsft ...
- mybatis注解SQL
在网上找了很久,特别是批量插入,很久都没有找到,终于最后一不小心就搞出来了.所以想写个随笔保存下来,一方面想提高自己的总结能力,一方面为了结识有相同兴趣的朋友(第一篇博客我的天纳
- C++的IO处理中的头文件以及类理解(1)
C++语言不直接处理输入输出,而是通过一簇定义在标准库中的类型来处理IO.这些类型支持从设备读取数据.向设备写入数据的IO操作,设备可以是文件.控制台窗口等,还有一些类型允许内存IO,即,从strin ...
- 手动模拟attach cinder volume的过程
我们首先启动一台机器,启动的时候attach一个volume 创建一个空的cinder volume root:~# cinder create --display-name emptyvolume1 ...
- Java 动态字节码技术
对 Debug 的好奇 初学 Java 时,我对 IDEA 的 Debug 非常好奇,不止是它能查看断点的上下文环境,更神奇的是我可以在断点处使用它的 Evaluate 功能直接执行某些命令,进行一些 ...
- Python 操作excel之 openpyxl模块
1. 安装 pip install openpyxl 想要在文件中插入图片文件,需要安装pillow,安装文件:PIL-fork-1.1.7.win-amd64-py2.7.exe · font(字体 ...
- Python面向对象5:类的常用魔术方法
魔术方法就是不需要人为调用的方法,基本是在特定的时刻自动触发- 魔术方法的统一的特征,方法名被前后各两个下滑线包裹 - 操作类 - `__init__`: 构造函数 - `__new__`: 对象实例 ...
- Java-二进制转10进制原理机制
任何文件在计算机储存时都是以二进制储存的,由 1和0 组成,如: 101010101010100111110100101010 现在有一组二进制数据: 10010110 那么他转成10进制是多少呢(我 ...
- GIT的初级使用
安装git [root@localhost ~]# yum -y install git [root@localhost ~]# git --version git version 1.8.3.1 初 ...