ES6 常用詳解（二）

Faremax 發(fā)布于2019-08-23 15:42 / 1671人閱讀

摘要：面向對象基礎關鍵字構造器和類分開了里面直接加方法傳統(tǒng)的面向對象老版本是這樣的問題在原來的里面，是不是類和構造函數是一個東西。是不是構造函數是，是構造函數，是不是類，也是，也是類，這就很奇怪。

1、面向對象（基礎）
①class關鍵字、構造器和類分開了
②class里面直接加方法

傳統(tǒng)的面向對象老版本是這樣的：

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();

問題：
1.在原來的JavaScript里面，是不是類和構造函數是一個東西。User是不是構造函數？是，User是構造函數，User是不是類，也是，也是類，這就很奇怪。
2.類散開了。

新版本寫法：

class User{
    //構造器
    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

解決回調地獄，用同步一樣的方式，來書寫異步代碼。

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

Promise.race 競速
假設：
以下的請求代表同時發(fā)出多個請求，哪個先獲得數據就用哪個。

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"}),
])

云服務器 GPU云服務器 linux常用命令詳解 linux常用命令實例詳解 ES6 es6-系列

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102458.html

前端文檔收集

摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優(yōu)化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法隨筆分類 - HTML5 HTML5中40個最重要的技術點常用meta整理網頁性能管理詳解 HTML5 ...

jsbintask 2019-08-21 12:05 評論0 收藏0
前端文檔收集

摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優(yōu)化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法隨筆分類 - HTML5 HTML5中40個最重要的技術點常用meta整理網頁性能管理詳解 HTML5 ...

muddyway 2019-08-29 13:21 評論0 收藏0
前端基礎進階目錄

摘要：不過其實簡書文章評論里有很多大家的問題以及解答，對于進一步理解文中知識幫助很大的，算是有點可惜吧。不過也希望能夠對正在學習前端的你有一些小幫助。如果在閱讀中發(fā)現了一些錯誤，請在評論里告訴我，我會及時更改。前端基礎進階（一）：內存空間詳細圖解前端基礎進階（二）：執(zhí)行上下文詳細圖解前端基礎進階（三）：變量對象詳解前端基礎進階（四）：詳細圖解作用域鏈與閉包前端基礎進階（五）：全方位...

mo0n1andin 2019-08-21 18:30 評論0 收藏0
2017年1月前端月報

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

FuisonDesign 2019-08-29 12:35 評論0 收藏0