关于ES6知识点

ES6:

1.变量

var——重复定义不报错;没有块级作用域;不能限制修改

let  变量,不能重复定义,有块级作用域

const 常量,不能重复定义,有块级作用域

2.函数+参数

箭头函数——简写:

1.只有一个参数,()可以省

2.只有一个语句,还是return,{}可以省

参数扩展——剩余参数

展开数组

3.数组

map      映射      [31, 56, 89, 67]  =>  [不及格, 不及格, 及格, 及格]

reduce    汇总      [..., ..., ...] => xx

filter    过滤      [x, x, x, x, x, x] => [x, x, x...]

forEach  迭代、遍历

4.字符串

字符串模板    "xxx"  'xxx'  `x${变量}xx`

5.面向对象

class

super

extends

6.promise      解决异步

同步——只有操作完事了,才往下执行              一次只能做一个事儿

异步——这个操作进行中,其他操作也能开始        一次可以做多个事儿

异步的优势:

1.用户体验好

2.高效

同步的优势:

简单

异步:

$.ajax({

url: '/get_banners',

type: 'post',

dataType: 'json',

success(){

$.ajax({

url: '/get_hot',

type: 'post',

dataType: 'json',

success(){

$.ajax({

url: '/get_list',

type: 'post',

dataType: 'json',

success(){

$.ajax({

url: '/get_hot',

type: 'post',

dataType: 'json',

success(){

},

error(){

alert('读取失败');

}

})

},

error(){

alert('读取失败');

}

})

},

error(){

alert('读取失败');

}

})

},

error(){

alert('读取失败');

}

})

同步:

let banners=$.ajax('/get_banners');

let hot=$.ajax('/get_hot');

let list=$.ajax('/get_list');

let hot=$.ajax('/get_hot');

//创建Promise对象

let p=new Promise(function (resolve, reject){

异步代码...

});

//使用Promise对象

p.then(()=>{}, ()=>{});

7.generator

8.json

不兼容——高级浏览器,靠编译解决

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文重点是来讲讲jQuery中调用ajax的4种方法:$.get、$.post、$getJSON、$ajax。内容...
    wangyujie1207阅读 1,615评论 0 9
  • ajax是什么: ajax简单的说就是做数据交互使用的。 Ajax的原理简单来说通过XmlHttpRequest对...
    liudai123阅读 422评论 0 0
  • 大家好,我是IT修真院成都分院第7期的学员韩建名,一枚正直纯洁善良的WEB前端程序员。 目录 1.背景介绍 2.知...
    inh_阅读 380评论 0 0
  • 在知乎上看到这样一句话,很喜欢: 世间情动,不过盛夏白瓷梅子汤,碎冰碰壁当啷响。
    暮雪迟夏阅读 261评论 0 0
  • 2017年3月15日 星期三 阴 拖延症又犯了,好几天没写日记,又欠下好几篇,得赶紧补起来。 最近...
    玉豆阅读 131评论 0 0