成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ES6 常用詳解（二）

Faremax / 1683人閱讀

摘要：面向?qū)ο蠡A(chǔ)關(guān)鍵字構(gòu)造器和類分開了里面直接加方法傳統(tǒng)的面向?qū)ο罄习姹臼沁@樣的問(wèn)題在原來(lái)的里面，是不是類和構(gòu)造函數(shù)是一個(gè)東西。是不是構(gòu)造函數(shù)是，是構(gòu)造函數(shù)，是不是類，也是，也是類，這就很奇怪。

1、面向?qū)ο螅ɑA(chǔ)）
①class關(guān)鍵字、構(gòu)造器和類分開了
②class里面直接加方法

傳統(tǒng)的面向?qū)ο罄习姹臼沁@樣的：

function User(name,pass){
    this.name = name;
    this.pass = pass
}

User.prototype.showName = function(){
    alert(this.name)
}
User.prototype.showPass = function(){
    alert(this.pass)
}

var u1=new User("blue","123456")
u1.showName();
u1.showPass();

問(wèn)題：
1.在原來(lái)的JavaScript里面，是不是類和構(gòu)造函數(shù)是一個(gè)東西。User是不是構(gòu)造函數(shù)？是，User是構(gòu)造函數(shù)，User是不是類，也是，也是類，這就很奇怪。
2.類散開了。

新版本寫法：

class User{
    //構(gòu)造器
    constructor(name){
        this.name=name;
        this.pass=pass;
    }
    
    showName(){
        alert(this.name);
    }
    showPass(){
        alert(this.pass);
    }
}

繼承：

老版本繼承：

function VipUser(name,pass,leavel){
    User.call(this,name,pass);
    this.level=level;
}
VipUser.prototype=new User();
VipUser.prototype.constructor=VipUser;

VipUser.prototype.showLeavel=function(){
    alert(this.level)
}
var v1=new VipUser("tom","123456",3)
v1.showName()
v1.showPass();
v1.showLeavel();

新版本繼承：
class VipUser extends User{

constructor(name,pass,level){
    // 超類/父類
    super(name,pass);
    this.level=level;
}

showLevel(){
    alert(this.level)
}

}

2、Promise

解決回調(diào)地獄，用同步一樣的方式，來(lái)書寫異步代碼。

Promise.all([$.ajax(),$.ajax()]).then(result=>{
    //對(duì)了
},err=>{
    //錯(cuò)了
})

Promise.race 競(jìng)速
假設(shè)：
以下的請(qǐng)求代表同時(shí)發(fā)出多個(gè)請(qǐng)求，哪個(gè)先獲得數(shù)據(jù)就用哪個(gè)。

Promise.race([
    $.ajax({url:"http://a2.taobao.com/data/users"}),
    $.ajax({url:"http://a5.taobao.com/data/users"}),
    $.ajax({url:"http://a3.taobao.com/data/users"}),
])

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102458.html

相關(guān)文章

  • 前端文檔收集

    摘要：系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問(wèn)性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...

    jsbintask 評(píng)論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問(wèn)性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...

    muddyway 評(píng)論0 收藏0

  • 前端基礎(chǔ)進(jìn)階目錄

    摘要：不過(guò)其實(shí)簡(jiǎn)書文章評(píng)論里有很多大家的問(wèn)題以及解答，對(duì)于進(jìn)一步理解文中知識(shí)幫助很大的，算是有點(diǎn)可惜吧。不過(guò)也希望能夠?qū)φ趯W(xué)習(xí)前端的你有一些小幫助。如果在閱讀中發(fā)現(xiàn)了一些錯(cuò)誤，請(qǐng)?jiān)谠u(píng)論里告訴我，我會(huì)及時(shí)更改。 前端基礎(chǔ)進(jìn)階（一）：內(nèi)存空間詳細(xì)圖解 前端基礎(chǔ)進(jìn)階（二）：執(zhí)行上下文詳細(xì)圖解 前端基礎(chǔ)進(jìn)階（三）：變量對(duì)象詳解 前端基礎(chǔ)進(jìn)階（四）：詳細(xì)圖解作用域鏈與閉包 前端基礎(chǔ)進(jìn)階（五）：全方位...

    mo0n1andin 評(píng)論0 收藏0

  • 2017年1月前端月報(bào)

    摘要：平日學(xué)習(xí)接觸過(guò)的網(wǎng)站積累，以每月的形式發(fā)布。年以前看這個(gè)網(wǎng)址概況在線地址前端開發(fā)群月報(bào)提交原則技術(shù)文章新的為主。 平日學(xué)習(xí)接觸過(guò)的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 概況 在線地址：http://www.kancloud.cn/jsfront/month/82796 JS前端開發(fā)群月報(bào) 提交原則： 技...

    FuisonDesign 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<