ES5/ES6的繼承的區別

Jaden 發布于2019-08-26 10:34 / 2676人閱讀

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

class聲明會提升，但是不會被初始化賦值，所以優先初始化賦值，則會進入暫時性死區，類似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內部啟動嚴格模式

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

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

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

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來調用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內部無法重寫類名

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函數的繼承 java中的繼承

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

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

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

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

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

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

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

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

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

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

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

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

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