1.ES6新特性--解構(gòu)賦值

? (1).概述

? 所謂的解構(gòu)賦值就是說:允許按照一定的模式，從數(shù)組和對象種提取值，對變量進行賦值。

? 這就是解構(gòu)賦值。

??

? (2).使用代碼案例

? ? //數(shù)組的結(jié)構(gòu)賦值

const arr = ["張三","李四","王五"];

let[stu1,stu2,stu3] = arr;

console.log(stu1,stu2,stu3);

//等價于定義了三個變量，然后把數(shù)組種的值賦值給了三個變量。

//對象的解構(gòu)賦值

? ? const stu = {

? ? ? ?name:"張三",

? ?age:12,

? ?play:function(){

console.log("student can play game");

? ?}

? ? };

//解構(gòu)賦值

let{play} = stu;

//直接調(diào)用方法

play();

2.ES6新特性--模板字符串

? (1).es6種引入了模板字符串，使用‘,一般我們聲明字符串使用的是"或者是'

??

? (2).模板字符串聲明

? ?let str = ‘helloworld‘;

? ?

? (3).模板字符串的聲明的時候可以直接加入換行符。

? let str = `hello<br>world`;

? console.log("--" + str)

??

? (4).簡化字符串的拼接

? //字符串的拼接操作

? let lover = "hqy";

? let you = `${lover}是我最喜歡的人`;//注意使用反引號

? console.log("--" + you);

3.ES6新特性--簡化對象寫法

? (1).ES6允許直接使用{}，在里面輸入屬性和方法作為對象的內(nèi)容

??

? (2).代碼示例:

? <script type="text/javascript">

//簡化對象寫法

let name = '張三';

let study = function(){

console.log("好好學(xué)習(xí)");

}

const student = {

name,

study,

//函數(shù)的簡化寫法，可以直接上略:function

play(){

console.log("好好玩耍");

}

}

console.log(student)

</script>