1、箭头函数(Array function)

箭头函数与传统函数的区别在于,在传统函数的写法上,去掉function关键字,并且在参数列表的(){}函数体之间加上=>,若该函数没有参数,小括号也不能省略。

var foo = function(){};
var foo = ()=>{};
foo();

js的事件绑定当中,如果使用箭头函数,则函数内部的this会失效,不再指向该事件的调用对象。

2、模板字符串

之前的js语法当中,定义字符串采用""'',而在ES6的语法当中,采用一对反引号``来表示字符串,称之为模板字符串。
使用模板字符串的优点:
1、模板字符串内部可以随意的回车、换行、加空格,均有效,不需要另外考虑字符串拼接的问题。
2、在模板字符串内部可以用${变量名}的方式来直接取变量的值,此时在模板字符串内部,变量与字符串之间不需要用连字符+号进行拼接。

图片描述

3、const 与 let

之前在js当中声明定义变量都使用关键字varvar之后都可以被ES6语法当中的constlet所代替。
const:用const定义的变量,之后不允许再对其赋值。(赋值也不起作用)

图片描述

如果const定义的是一个对象,该对象不允许再变,但该对象当中的某个属性所对应的属性值是允许再被改变赋值的。

图片描述

如果定义一个变量,该变量的值之后不会再发生变化了,可以使用const,一般我们把node当中载入的模块用const定义的变量来接收,防止之后再对该变量进行赋值,使得代码更加严谨。
const fs = require('fs');

let:使用let定义变量相当于定义了一个局部作用域变量,只会影响当前这个作用域。
如果定义一个变量,该变量的取值之后是会发生变化的,即用let来定义。避免使用var使得变量的污染域变大。

V8对于ES6的语法的支持情况分为三个级别:根本不支持、直接支持、严格模式下支持。对于const和箭头函数及模板字符串都是直接支持的,而let关键字为严格模式下支持。若直接使用会出现如下的报错信息。

图片描述

此时可以在该js脚本文件的开始加上'use strict';即表示启动了严格模式

图片描述


倩儿爱甜食
477 声望62 粉丝

一切都是最好的安排 ^-^ !