黑马程序员技术交流社区

标题: 【广州前端首发】ES6核心课程笔记之语法篇（一） [打印本页]

---

作者: AreYouGlad    时间: 2017-12-19 11:16
标题: 【广州前端首发】ES6核心课程笔记之语法篇（一）

查看更多精彩前端资源

---

ECMAScript6

---

ES6也称为ECMAScript2015，是2015年出版的javaScript国际新标准，标准的制定者计划，以后每年发布一次标准，使用年份作为版本号，ES6是在2015年发布的，所以又称为ECMAScript2015，2016年发布的标准即为ES7。

主要升级内容

• 字符编码
• 新字符串
• 增强计算api:  SIMD，Math
• 增强正则
• 变量赋值 模式匹配
• 函数式编程
• 函数新数据结构set , map
• 二进制数组语法糖
• 后端语言特性  class ,const , decorator，Iterator
• 将部分库移植到标准  proxy , iterator , promise , module , object ， Async
• 新概念 Generator/yield , symbol
  

资料

---

• 阮一峰
• 中文网
  
  

let与const

---

新的变量定义方式。

let

• 作用：

  
  

  • 替代var关键字定义变量
    
    
• 特点：

  
  

  • 不允许重复声明
  • 块级作用域
  • 没有预解析
  • 存在暂时性死区
  • 全局变量不再是window属性
    
    

const

• 作用：
  
  
  • 定义常量
    
    
• 特点：
  
  
  • 不允许重复声明
  • 块级作用域
  • 没有预解析
  • 存在暂时性死区
  • 全局变量不再是window属性
  • 定义时必须赋值，同时不允许修改
    
    

特点演示

• 不允许重复声明
  
  

[mw_shl_code=javascript,true]// SyntaxError，在语法分析时就报错
let a = 10;
let a = 20;
function fn(arg) {
        let arg;
}
fn(10); // SyntaxError[/mw_shl_code]

• 块级作用域
  

[mw_shl_code=javascript,true]{
        let a = 10;
        console.log(a); // 10
}
console.log(a);  // ReferenceError[/mw_shl_code]

• 没有预解析
  

[mw_shl_code=javascript,true]console.log(a);  // ReferenceError
let a = 10;[/mw_shl_code]

• 存在暂时性死区
  

• 即在某作用域内如果存在let、const声明的变量常量。
• 如果在声明前使用它们就报错，也不会从上级作用域中查找。
  

[mw_shl_code=javascript,true]let a = 10;
{
        console.log(a);  // ReferenceError
        let a = 20;
}[/mw_shl_code]

• 全局变量不再是window属性
  

[mw_shl_code=javascript,true]let a 10;
console.log(a); // 10
console.log(window.a); // undefined[/mw_shl_code]

• const定义常量时必须一起赋值
  

[mw_shl_code=javascript,true]const NAME;  // SyntaxError;[/mw_shl_code]

• 常量的值不允许修改
  

[mw_shl_code=javascript,true]const NAME = '地球';
NAME = '火星';  // TypeError[/mw_shl_code]
使用场景

• 防止变量污染
  

[mw_shl_code=javascript,true]let i = 10;
for(let i = 0; i < 3; i++) {
        console.log(i);
}
console.log(i); // 10[/mw_shl_code]

• 帮助预防潜在错误
  

[mw_shl_code=javascript,true]console.log(a + b); // RefrenceError
let a = 10;
let b = 20;[/mw_shl_code]

• 常量特性
  

[mw_shl_code=javascript,true]const PI = 3.1415926;
PI = 2.1415926;  // TypeError[/mw_shl_code]

---

作者: AreYouGlad    时间: 2017-12-19 11:16

---

作者: →_→←_←    时间: 2017-12-19 15:08
不错，不错。学习ing....

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2