update: let、const

This commit is contained in:
qianguyihao
2020-07-06 19:11:21 +08:00
parent aac7659854
commit 4eb000322f
5 changed files with 44 additions and 39 deletions

View File

@@ -0,0 +1,146 @@
## ES的几个重要版本
- ES5 : 09年发布
- ES6(ES2015) : 2015年发布也称为ECMA2015
- ES7(ES2016) : 2016年发布也称为ECMA2016 (变化不大)
## 严格模式的理解
### 概念
**理解**除了正常运行模式(混杂模式)ES5添加了第二种运行模式"严格模式"strict mode
顾名思义这种模式使得Javascript在更严格的语法条件下运行
**目的**
- 消除Javascript语法的一些不合理不严谨之处减少一些怪异行为
- 消除代码运行的一些不安全之处为代码的安全运行保驾护航
- 为未来新版本的Javascript做好铺垫
### 使用
- 针对整个脚本文件`use strict`放在脚本文件的第一行则整个脚本文件将以严格模式运行
- 针对单个函数`use strict`放在函数体的第一行则整个函数以严格模式运行
PS如果浏览器不支持则这句话只解析为一条简单的语句, 没有任何副作用
脚本文件的变通写法因为第一种调用方法不利于文件合并所以更好的做法是借用第二种方法将整个脚本文件放在一个立即执行的匿名函数之中
### 语法和行为改变
- 必须用var声明变量
- 禁止自定义的函数中的this指向window
- 创建eval作用域
- 对象不能有重名的属性
## 严格模式和普通模式的区别
> 下面列举几条严格模式的内容
### 全局变量显式声明
在正常模式中如果一个变量没有声明就赋值默认是全局变量严格模式禁止这种用法全局变量必须显式声明
### 禁止this关键字指向全局对象
```javascript
var foo = function () {
console.log(this);
}
foo();
```
上方代码中普通模式打印的是window严格模式下打印的是undefined
### 创设eval作用域
### 禁止使用with语句
因为with语句无法在编译时就确定属性到底归属哪个对象
### 构造函数必须通过new实例化对象
构造函数必须通过new实例化对象否则报错因为this为undefined此时无法设置属性
比如说
```
var Cat = function (name) {
this.name = name;
}
Cat('haha');
```
上方代码中如果在严格模式下则会报错
### 为了让代码更安全禁止函数内部遍历调用栈
### 严格模式下无法删除变量
### 属性相关
普通模式下对一个对象的只读属性进行赋值不会报错只会默默地失败严格模式下将报错
严格模式下对禁止扩展的对象添加新属性会报错
普通模式下如果对象有多个重名属性最后赋值的那个属性会覆盖前面的值严格模式下这属于语法错误
普通模式下如果函数有多个重名的参数可以用arguments[i]读取严格模式下多个重名的参数属于语法错误
比如下面这样的代码
```javascript
var obj = {
username: 'smyh';
username: 'vae'
}
```
上面的代码在严格模式下属于语法错误因为有重名的属性
### 函数必须声明在顶层
将来Javascript的新版本会引入"块级作用域"为了与新版本接轨严格模式只允许在全局作用域或函数作用域的顶层声明函数也就是说不允许在非函数的代码块内声明函数
### 新增关键字
为了向将来Javascript的新版本过渡严格模式新增了一些保留字implements, interface, let, package, private, protected, public, static, yield
## 总结
至少要能答出四五条
参考链接
- [阮一峰 | Javascript 严格模式详解](http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html)