es6之三
来源:互联网 发布:linux管道命令是啥 编辑:程序博客网 时间:2024/06/04 18:53
8,面向对象应用--react
it.kaikeba.com
1,模块化,组件化---class
2,jsx==babel==browser.js
引入react.js;react-dom.js;browser.js
jsx是js的扩展版
9,json
json对象
简写:
名字一样:名字跟值(key和value)一样的,留一个就行
方法:function删掉 show() { }
let json = { a:12, b:5 };
encodeURIComponent(JSON.stringify(json));
JSON.parse(str);
json的标准写法
1,只能用双引号
2,所有的名字必须用引号包起来
{“a”: 12, "b":"abc"}
json简写
let json = {a:a, b:b, c:12}
console.log(json);
let json = {
a:12,
show() {
alert(this.a);
}
};
json.show();
10,promise
异步请求:操作之间没啥关系,同时进行多个操作
同步请求:同时只能做一件事
异步:代码更复杂
同步:代码简单 async
Promise ---消除异步操作,用同步一样的方式,书写异步代码
Promise用法 Promise.all; Promise.race
let p = new Promise(function(resolve, reject){
//异步代码
//resolve:成功的
//reject:失败的
$.ajax({
url: 'arr.txt',
dataType: 'json',
success(arr){
resolve(arr);
},
error(err){
reject(err);
}
})
});
p.then(function(arr){
alert('成功' + arr);
}, function(err){
alert('失败' + err);
})
///////////////////////////
let p1 = new Promise(function(resolve, reject){
//异步代码
//resolve:成功的
//reject:失败的
$.ajax({
url: 'arr.txt',
dataType: 'json',
success(arr){
resolve(arr);
},
error(err){
reject(err);
}
})
});
let p2 = new Promise(function(resolve, reject){
//异步代码
//resolve:成功的
//reject:失败的
$.ajax({
url: 'arr.txt',
dataType: 'json',
success(arr){
resolve(arr);
},
error(err){
reject(err);
}
})
});
Promise.all([ p1, p2]).then(function(arr) {let [res1,res2] =arr;
alert('全都成功了')},
function() {
alert(‘至少一个失败了’)})
///////////////////////////////////////简化
function createPromise(url){
return new Promise(function(resolve, reject){
//异步代码
//resolve:成功的
//reject:失败的
$.ajax({
url,
dataType: 'json',
success(arr){
resolve(arr);
},
error(err){
reject(err);
}
})
});
}
Promise.all([
createPromise('data/arr.txt');
createPromise('data/json.txt');
]).then(function(arr) {
let [res1,res2] =arr;
alert('全都成功了')},
function() {
alert(‘至少一个失败了’)})
//////////////////////////////////////////////////////最简化Promise.all([
$.ajax('url: data1.txt', dataType: 'json');
$.ajax('url: data2.txt', dataType: 'json');
]).then(results=>{
let [arr, json, num] = results;
}, err=>{});
/////////////////////////////////////////////////race
Promise.race([
$.ajax({url:'http://baidu.com'});
$.ajax({url:'http://taobao.com'});
]);
- es6之三
- ES6学习之路(三) 字符串扩展
- ES6详解三:class
- ES6详解三:class
- ES6知识库汇总三
- ES6入门(三):数据类型
- ES6学习笔记(三)
- ES6学习笔记(三)
- 《ES6深入浅出》学习笔记(三)
- 深入ES6 三 解构赋值
- ES6(三) 字符串的扩展
- es6字符串扩展(三)
- 每天一点ES6(三)
- es6学习过程(三)
- es6之promise被坑记
- ES6之let
- ES6之const
- es6之Arrow Function
- 1041. 考试座位号(15)
- 通过QT复习c++
- 费翔林, 骆斌. 操作系统教程(第五版).第121页28、29题笔记
- 文本字数统计
- 高软实验五报告
- es6之三
- Centos7开机启动自己的脚本的方法
- 麻将算法(三)碰牌以及杠牌
- 我的C语言矩阵库
- python 虚拟环境配置(二)
- 03Python中的运算符
- bzoj1503: [NOI2004]郁闷的出纳员(伸展树)
- 方便自己查看
- [NOIP模拟][拓扑排序][贪心]拆网线