[A] 解构
解构两大类:
中括号解构
大括号解构
1. 中括号解构可用于变量批量赋值
[x, y, z] = [23,56,78]; 按位置对应赋值
[x, [a, b], z] = [23,[45,43],78]; 按位置对应赋值
2. 大括号结构用于对象赋值
{name, age, sex, action} = { name: "jack", age: 18, sex: "男" action = function(){ alert("helow"); } }
3. 解构的好处:
a. 交换两个数变得更加方便
[a, b] = [b, a]; // 交换a, b两个数的值
b. 函数可以返回多个值
fucntion fun(形参){ return ["结果1", "结果2", "结果3"]; } 调用: [a, b, c] = fun(实参);
c. 调用函数时,实参不必和形参一一对应
【注】此时,参数可以自带默认值
function show({name, age = 18, sex}){ aler("我叫" + name + ", 今年" + age + "岁了,是一个" + sex + "性。"); } 调用:这里传入的大括号结构后的参数 show({ name: "jack", age: 18, sex: "男", })
d. 快速取出数组中的一个元素
var arr = [10, 20, 30, 40, 50]; var {0:first, 4:last} = arr; // 通过解构,将数组arr的下标为0的元素赋值给first // 将数组arr的下标为4的元素赋值给last alert(first);
[B] ECMA6字符串
1. 传统字符串:所有单引号和双引号括起来的都叫做字符串
2. ECMA6字符串:反引号`` 英文键盘下按下键1可打出来
3. ECMA6字符串优点:
a. 传统字符串书写时不能换行
而ECMA6字符串可以随便写,写出来什么样,输出出来就是什么样。
传统写法:var str = "hello
world" // 将报错
ECMA6写法:var str = `hello
world` // 可以正确输出
b. 通过占位符 ${} 实现字符串拼接
var name = "jack";
var age = 18;
var sex = "男";
传统写法:
str = "我叫" + name + ", 今年" + age + "岁了,是一个" + sex + "性。";
ECMA6写法:
str = `我叫${name},今年${age}岁了,是一个${sex}性`。
[C] 新增能数组方法和合并对象
原文:https://www.cnblogs.com/carreyBlog/p/13089421.html