ES6

131 阅读2分钟

ES6新语法特性?

1、let,const,var声明变量区别

let:避免了变量提升 只在块级作用域内起作用

var:全部声明

contst:只在块级作用域内作用,不存在变量提升,必须先定义后使用,不可重复声明,声明后必须赋值

2、for of 循环

格式:for(let item of Arr)

优点:(1)相比 for(let i = 0 ; i < Arr.lenght ; i++){} 代码更简洁

(2)可以用break来终止整个循环,或者continute来跳出循环,继续后面的循环

(3)获取到的数组的索引 for(let indexof arr.keys() )

(4)可以循环任何可迭代类型的数据

(5)for...of 循环将只循环访问对象中的值

缺点:不可以循环对象

3、模板拼接:

ES6中允许使用反引号 ` 来创建字符串,此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量$(vraible) 例:\ <li> ${test} </li>

4、解构

在ES6中,可以使用解构从数组和对象提取值并赋值给独特的变量

解构数组的值:

const point = [ 10 , 25 , 34 ];

const [ x , y , z ] = point;

console.log( x , y , z );

Prints: 10 25 34

[]表示被解构的数组,x,y,z表示要将数组中的值存储在其中的变量,还可以忽略值,例 const [ x, , z]=point,忽略y坐标。

解构对象中的值:

const gemstone = {

type: 'quartz'

color: 'rose'

karat: 21.29

};

const {type , color , karat} = gemstone;

console.log(type,color,karat);

花括号{}表示被解构的对象,type,color,karat 表示要将对象中的属性存储到其中的变量

vue中computed和watch的区别是什么?

计算属性computed:

1、支持缓存,只有依赖数据发生改变,才会重新进行计算

2、不支持异步,当computed内有异步操作时无效,无法监听数据的变化

3、如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed

4、如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是属性的属性值;在computed中的属性都有一个get和一个set方法,当数据变化时,调用set方法。

侦听属性watch:

1、不支持缓存,数据变,直接会触发相应的操作;

2、支持异步

3、监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;

4、当一个属性发生变化时,需要执行对应的操作,一对多;

当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。这是和computed最大的区别