ES6入门学习小记 1 ---复习可用

1.let 和 const 命令

1.块级作用域

2.不存在变量提升

 const对于复合类型的数据（主要是对象和数组）只是指向实际数据的指针；

3.暂时性死区

4.不允许重复声明

ps：ES6 声明变量的六种方法 ，var / function / let / const / class / import

2.变量的解构赋值

//数组的解构赋值
let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3

let [ , , third] = ["foo", "bar", "baz"];
third // "baz"

let [x, , y] = [1, 2, 3];
x // 1
y // 3

let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]

let [x, y, ...z] = ['a'];
x // "a"
y // undefined
z // []


//对象的解构赋值
let obj = {
  p: [
    'Hello',
    { y: 'World' }
  ]
};

let { p, p: [x, { y }] } = obj;
x // "Hello"
y // "World"
p // ["Hello", {y: "World"}]


//字符串的解构赋值
const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"
let {length : len} = 'hello';
len // 5


//数值和布尔值的解构赋值
//解构赋值时，如果等号右边是数值和布尔值，则会先转为对象
let {toString: s} = 123;
s === Number.prototype.toString // true

let {toString: s} = true;
s === Boolean.prototype.toString // true


//函数参数的解构赋值
function add([x, y]){       // 这个我有点懵
  return x + y;
}

add([1, 2]); // 3

1.“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值

2.解构不成功，变量的值就等于undefined

3.解构赋值允许指定默认值。(只有当一个数组成员严格等于undefined，默认值才会生效)

4.不能使用圆括号的3种情况：（1）变量声明语句 （2）函数参数  （3）赋值语句的模式  ps:赋值语句的非模式部分，可以使用圆括号

5.用途：（1）交换变量的值 （2）从函数返回多个值 （3）函数参数的定义 （4）提取 JSON 数据 （5）函数参数的默认值 （6）遍历 Map 结构  （7）输入模块的指定方法

3.字符串的扩展

1.字符的 Unicode 表示法（允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点）

"\u0061"
// "a"

"\u{20BB7}"
// "𠮷"

"\u{41}\u{42}\u{43}"
// "ABC"

let hello = 123;
hell\u{6F} // 123

'\u{1F680}' === '\uD83D\uDE80'
// true

2.字符串的遍历器接口，字符串可以被for...of循环遍历，可以识别大于0xFFFF的码点。

let text = String.fromCodePoint(0x20BB7);

for (let i = 0; i < text.length; i++) {
  console.log(text[i]);
}
// " "
// " "

for (let i of text) {
  console.log(i);
}
// "𠮷"

3.直接输入 U+2028 和 U+2029

• U+005C：反斜杠（reverse solidus)
• U+000D：回车（carriage return）
• U+2028：行分隔符（line separator）
• U+2029：段分隔符（paragraph separator）
• U+000A：换行符（line feed）

4.JSON.stringify() 的改造 （？？这里不大明白）

5.模板字符串（模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量）

// 普通字符串
`In JavaScript '\n' is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

console.log(`string text line 1
string text line 2`);

// 字符串中嵌入变量
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

6.实例：模板编译 7.标签模板(这俩都不太明白)

4.字符串的新增方法

1.String.fromCodePoint() 

String.fromCodePoint(0x20BB7)
// "𠮷"
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y'
// true

String.raw()    /    codePointAt()  /  includes(), startsWith(), endsWith(),

repeat()返回一个新字符串，表示将原字符串重复n次;。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全;

trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格。它们返回的都是新字符串，不会修改原始字符串;

matchAll()方法返回一个正则表达式在当前字符串的所有匹配;

replaceAll()方法，可以一次性替换所有匹配;