ES6 入门笔记

本笔记参考小马视频 https://www.bilibili.com/video/av24664888?p=2

一、概要

ECMAScript2015(ES6)是Javascript最标准的语法式样，是在2015年6月由Ecma国籍组织公布的最新版本，现在已经被多个领域和浏览器所广泛采纳和使用。

 1、新特性

* class类定义
* import/export模块化
* 函数定义方法改进（默认值，可变参数，箭头函数）
* let/const作用域定义
* for...of列举
* Promise,Map/Set/Proxy嵌入式对象追加
* etc.

2、类似标准

+ TypeScript
+ CoffeeScript
+ etc.

3、ES6学习参考资料

https://github.com/lukehoban/es6features

https://babeljs.io/learn-es2015/

二、命令

1、let

用let命令限定作用域。

~~~js
//ES5
if (true) {
    var i = 1;
}
console.log(i);

//ES6
if (true) {
    let i = 1;
}
console.log(i); //变量i未找到

 

解决重复定义

以下代码ES6不能通过，而ES5可以通过

~~~js
var i = 0;
switch (i) {
  case 0:
    let value = "helo";
    break;
  case 1:
    let value = "world"; //重复定义错误
    break;
}
~~~

 2、const

常量

~~~js
const data = 10;
console.log(data);
//data = 100; //执行错误

 

const list = [10,20,30];//定义一个数组
console.log(list);

list[0] = 100;
console.log(list);//单独修改某个数可以通过，但修改这个数组不可以。常量数数组常量，不是数组元素常量

//list = [1,2,3]; //错误
~~~

 

list.push(99);

console.log(list);//[ 10, 20, 30, 99 ]

3、进制转换

## 知识点

* 0b:二进制
* 0o:八进制
* 0x:十六进制

## 实战演习

~~~js

//X进制转换为10进制
console.log(0b10); //2
console.log(0o10); //8
console.log(0x10); //16

console.log(0b11 === 3); //true
console.log(0o10 === 8); //true
console.log(0x10 =