ES6--ES6新特性2

1.ES6新特性--解构赋值

  (1).概述

  所谓的解构赋值就是说:允许按照一定的模式，从数组和对象种提取值，对变量进行赋值。

  这就是解构赋值。

  

  (2).使用代码案例

    //数组的结构赋值

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

let[stu1,stu2,stu3] = arr;

console.log(stu1,stu2,stu3);

//等价于定义了三个变量，然后把数组种的值赋值给了三个变量。

//对象的解构赋值

    const stu = {

       name:"张三",

   age:12,

   play:function(){

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

   }

    };

//解构赋值

let{play} = stu;

//直接调用方法

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允许直接使用{}，在里面输入属性和方法作为对象的内容

  

  (2).代码示例:

  <script type="text/javascript">

//简化对象写法

let name = '张三';

let study = function(){

console.log("好好学习");

}

const student = {

name,

study,

//函数的简化写法，可以直接上略:function

play(){

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

}

}

console.log(student)

</script>