es6之三

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'});

]);