React 網(wǎng)絡(luò)請求

方法一

原生請求,react自帶的fetch請求方式：

fetch(opt.url, {

                method: opt.type,

                body: data,

                headers: {

                    'content-type': opt.contentType

                }

            }).then(res => {

                res.json().then((data) => {

                  console.log(data)

                })

            }).catch(e => {

                console.log(e)

            });

方法二

ajax請求,react通過jquery的ajax方法進(jìn)行請求網(wǎng)絡(luò)

$.ajax({

                type: opt.type,

                url: opt.url,

                data: data,

                dataType: 'json',

                contentType: opt.contentType,

                cache: false,

                success(data) {

                    console.log(data)

                },

                error(xhr, type) {

                    console.log(xhr)

                }

            });

ES6學(xué)習(xí)補(bǔ)充

let命令

用法類似于var，但是聲明的變量，只能在其所在的代碼塊使用，類似于局部變量弃衍，舉個(gè)栗子（比較適用于for循環(huán)，循環(huán)結(jié)束后下標(biāo)銷毀）躲株，不可以重復(fù)聲明失息。

var命令

則類似于全局變量，在代碼塊可以任意去調(diào)用它募舟。

const 命令

const 聲明一個(gè)只讀的常量祠斧。一旦聲明，常量的值就不能改變拱礁。同時(shí)琢锋，使用const聲明的變量必須賦值，不然會報(bào)錯(cuò)呢灶。const實(shí)際上保證的吴超，不是變量的值不改變，而是變量指向?qū)ο蟮膬?nèi)存地址所保存的數(shù)據(jù)不得改動(dòng)鸯乃。對于簡單類型的數(shù)據(jù)（數(shù)值鲸阻、字符串、布爾值）缨睡，值保存在變量指向的那個(gè)內(nèi)存地址鸟悴，因此等同于常量。

ES6聲明變量的六種方法

ES5只有兩種聲明變量的方法：var命令和function命令奖年。ES6除了添加let const import class

對象的結(jié)構(gòu)機(jī)制

對象的結(jié)構(gòu)賦值的內(nèi)部機(jī)制细诸，先找到同名屬性，在賦值給變量陋守，真正被賦值的是后者震贵，而不是前者。

c // 'a'
a //error:a is not defined 

上述代碼中水评，a只是匹配模式猩系，找到對應(yīng)的屬性名，而c才是真正被賦值的變量中燥，而不是模式a寇甸。

默認(rèn)值

對象的解構(gòu) 也可以設(shè)置默認(rèn)值

var {x = 3 } = {};
x // 3 

var{ x , y = 5 } = { x : 1 };
x //1 
y //5 

var {x : y = 3} ={};
y //3 

var {x : y = 3 } = { x : 5 };
y //5 

var {message : msg = 'xxx'} = {};
msg // xxx

// 默認(rèn)值生效的條件是，對象的屬性嚴(yán)格等于`underfined`

var { x = 3 } = {x : undefined };
x // 3 ;

var { x = 3 } = { x : null } ;
x //