ES6

仅以此文章对自己的前端学习工作进行一个记录。

ES6学习笔记

ECMAScript 是JavaScript的标准,JS是ES的实现;主流实现只有JS,所以很多时候js等同于ECMA

正式名称:ES2015,即ECMA标准的第六版(最新版本ECMA2019)

优点:支持更多语法,使用更方便,更强的工程性


ES6语法特性

1.变量

关于之前的var的一些问题:

1.可以重复声明:   var a = 5;     var a = 10;

2.无法控制修改: 无法控制变量为不可修改的常量

3.没有块级作用域,函数级

新的声明方法:

let : 变量  防止重复声明,块级作用域(只在代码块{}中起作用  替代闭包)

(ES5 的var 的作用域——函数级;即在函数内的任何地方定义都是等价的。)

const: 常量 防止重复声明



解构赋值

(适合用于从大的结构里取数据)

json = {a: 1, b: 2};

let {a, b} = json;         // 数据要对应


arr = [12, 5, 8];

let {a, b, c} = arr;   // 不用对应,数组按下标来取


例:$.ajax('xxx') =>

{

    code: xx,

    data: xxx,

}

let {code,data} = $.ajax('xxx');

注意:1.两侧结构必须相同    2.等号右边必须是个东西    3.赋值和解构同时完成



函数

箭头函数(函数简写)

正常情况下: function (参数) {.......}

箭头函数: (参数)=> {.......}

注意: 1.如果有且仅有一个参数,()也可以不写   

            2.如果有且仅有一个语句并且是return,{}也可以不写

例:

let arr = [35, 3, 6, 28,85]          arr.sort((n1, n2) =>n1-n2);

你可能感兴趣的:(ES6)