ES5/ES6的繼承的區(qū)別

Jaden 發(fā)布于2019-08-26 10:34 / 2683人閱讀

摘要：聲明會提升，但是不會被初始化賦值，所以優(yōu)先初始化賦值，則會進入暫時性死區(qū)，類似，變量內(nèi)部啟動嚴格模式的所有方法包括靜態(tài)方法和示例方法都沒有原型對象，所以也沒有，不能使用來調(diào)用必須使用來調(diào)用內(nèi)部無法重寫類名

class聲明會提升，但是不會被初始化賦值，所以優(yōu)先初始化賦值，則會進入暫時性死區(qū)，類似let，const變量

const bar = new Bar(); // ok
function Bar() {
    this.bar = 42;
}

const foo = new Foo() // Foo is not defined
class Foo{
  constructor() {
    this.foo = 42;
  }
}

class內(nèi)部啟動嚴格模式

function Bar(){
    baz = 42; // OK
}
const bar = new Bar();

class Foo {
    constructor() {
        foo = 42; // foo is not defined
    }
}
const foo = new Foo();

class的所有方法（包括靜態(tài)方法和示例方法）都沒有原型對象portotype，所以也沒有[[construct]]，不能使用new來調(diào)用

function Bar() {
   this.bar = 42;
}

Bar.prototype.print = function (){
    console.log(this.bar)
}
const bar = new Bar();
cont barPrint = new bar.print() ; // 42

class Foo {
    constructor() {
        this.foo = 42;
    }
    print () {
        console.log(this.foo)
    }
}

const foo = new Foo();
const fooPrint = new foo.print(); // foo.print is not a constructor

必須使用new來調(diào)用class

function Bar() {
    this.bar = 42;
}

const bar = Bar() ; // bar.bar: 42

class Foo() {
    constructor () {
        this.foo = 42;
    }
}

const foo = Foo() // Class constructor Foo cannot be invoked widhout "new"

class內(nèi)部無法重寫類名

function Bar() {
    Bar = "Baz" ; 
    this.bar = 42;
}
const bar = new Bar();
Bar // "Baz"
bar.bar // 42

class Foo{
    constructor() {
        this.foo = 12;
        Foo = "Fol" ; // err:Assignment to constant variable
    }
}

const foo = new Foo();
Foo = "Fol"; //

云服務器 GPU云服務器 python類的繼承 javascript類的繼承 java函數(shù)的繼承 java中的繼承

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

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

相關(guān)文章

前端面試題大集合：來自真實大廠的532道面試題(只有題，沒有答案)

答案自己谷歌或百度找。一、來源背景面試題是來自微博@?？途W(wǎng)發(fā)布的真實大廠前端面經(jīng)題目，我一直在收集題目長期一個一個的記錄下來的，可能會有重復，但基本前端的面試大綱和需要掌握的知識都在其中了，面試題僅做學習參考，學習者閱后也要用心鉆研其中的原理，重要知識需要系統(tǒng)學習、透徹學習，形成自己的知識鏈。二、532道前端真實大廠面試題 express和koa的對比，兩者中間件的原理，koa捕獲異常多種情...

Kerr1Gan 2019-08-26 12:20 評論0 收藏0
前端面試題大集合：來自真實大廠的532道面試題(只有題，沒有答案)

答案自己谷歌或百度找。一、來源背景面試題是來自微博@?？途W(wǎng)發(fā)布的真實大廠前端面經(jīng)題目，我一直在收集題目長期一個一個的記錄下來的，可能會有重復，但基本前端的面試大綱和需要掌握的知識都在其中了，面試題僅做學習參考，學習者閱后也要用心鉆研其中的原理，重要知識需要系統(tǒng)學習、透徹學習，形成自己的知識鏈。二、532道前端真實大廠面試題 express和koa的對比，兩者中間件的原理，koa捕獲異常多種情...

lushan 2019-08-02 11:34 評論0 收藏0
前端面試題大集合：來自真實大廠的532道面試題(只有題，沒有答案)

答案自己谷歌或百度找。一、來源背景面試題是來自微博@?？途W(wǎng)發(fā)布的真實大廠前端面經(jīng)題目，我一直在收集題目長期一個一個的記錄下來的，可能會有重復，但基本前端的面試大綱和需要掌握的知識都在其中了，面試題僅做學習參考，學習者閱后也要用心鉆研其中的原理，重要知識需要系統(tǒng)學習、透徹學習，形成自己的知識鏈。二、532道前端真實大廠面試題 express和koa的對比，兩者中間件的原理，koa捕獲異常多種情...

joyvw 2019-08-30 15:54 評論0 收藏0
為什么都說js 里面任何對象最終都繼承了Object對象

摘要：今天閑來無事，看見幾行小字。又說所有對象，繼承終是。強行押韻一波這首詩的意思就是說的我今天沒有什么事情，然后無意中又在網(wǎng)上看到了任何對象都是從對象繼承而來的這句話。一時興起，便去驗證這句話。今天閑來無事，看見幾行小字。又說所有對象，繼承終是Obj?！?強行押韻一波這首詩的意思就是說的我今天沒有什么事情，然后無意中又在網(wǎng)上看到了任何對象都是從Object對象繼承而來的這句話。一時興...

Gemini 2019-08-26 10:29 評論0 收藏0
ES5/ES6 的繼承

摘要：原型鏈構(gòu)造函數(shù)原型實例的關(guān)系每個構(gòu)造函數(shù)都有一個原型對象，原型對象都包含一個指向構(gòu)造函數(shù)的指針，實例有一個指向原型對象的指針構(gòu)造函數(shù)原型對象構(gòu)造函數(shù)構(gòu)造函數(shù)操作符實例對象構(gòu)造函數(shù)實例對象原型對象如果試原型鏈構(gòu)造函數(shù)/原型/實例的關(guān)系每個構(gòu)造函數(shù)都有一個原型對象，原型對象都包含一個指向構(gòu)造函數(shù)的指針，實例有一個指向原型對象的指針構(gòu)造函數(shù) --(prototype)-->...

libin19890520 2019-08-26 10:18 評論0 收藏0