Toc
  1. 一、变量
  2. 二、箭头函数
  3. 三、函数的参数
  4. 四、解构赋值
  5. 五、数组新操作
  6. 六、字符串
  7. 七、json
  8. 八、promise
  9. 九、generator
Toc
0 results found
bbcfive
ES6的新知识点

一、变量

原有变量:

var的缺点:

1.可以重复声明
2.无法限制修改
3.没有块级作用域
新增变量:

let :不能重复声明,变量-可以修改,块级作用域

const:不能重复声明,变量-不可以修改,块级作用域

二、箭头函数

原函数:

var func = function(args){

  alert(“abc”);

};

现箭头函数:

var func = (args)=> {

  alert(“abc”);

};

简写规则:

()——只有一个参数

{ } ——只有一个return

所以上述函数还可以写为:

var func = args => alert(“abc”);

三、函数的参数

function(a,b,…args)

…args 可以 替代所有想写的不想写的参数

四、解构赋值

1.左右两边结构必须一样

2.右边必须定义

3.声明和赋值不能分开(必须在一句话里完成)

let [a,b,c] = [12,5,8];

let {a,b,c} = {a: 12, b: 5, c: 8};

五、数组新操作

map 映射

reduce 汇总

filter 过滤器

forEach 循环(迭代)

六、字符串

1.新方法

startsWith
endsWith
2.字符串模板

直接可以把元素嵌套在字符串里 $(元素)
可以折行

七、json

1.json对象

JSON.stringify
JSON.parse
2.简写

json = {

  url : url,

  show : function(){ }

}

简写为:

json = {

  url,

  show(){ }

}

json标准写法:只能用双引号;属性必须用双引号包起来

八、promise

有了promise之后的异步:

Promise.all([$.ajax(), $.ajax()]).then(results=>{

  //success

}, err=>{

  //error

});

九、generator

可以暂停函数的函数

//创建generator函数

function *func() {

  //do sth A

  yield;

  //do sth B

}

//调用

let genObj = func();

genObg.next(); //do A

genObg.next(); //do B

yield :可以传参,也可以返回
异步操作:

1.回调

2.promise

3.generator(runner.js)

runner( function *() {

  let data1 = yield $.ajax({url: xxx, dataType : ‘json’});

  let data2 = yield $.ajax({url: xxx, dataType : ‘json’});

  let data3 = yield $.ajax({url: xxx, dataType : ‘json’});

});

Promise——适合做没有逻辑的异步

generator——适合做逻辑性异步

本文作者:bbcfive
版权声明:本文首发于bbcfive的博客,转载请注明出处!