首頁 > web前端 > js教程 > 主體

ES6 javascript中類別的靜態方法,屬性與實例屬性怎麼使用

php中世界最好的语言
發布: 2017-12-31 11:36:45
原創
1756 人瀏覽過

這次帶給大家的是ES6 javascript中類別的靜態方法,屬性與實例屬性怎麼使用,這篇文章就給大家好好分析一下。

類別相當於實例的原型, 所有在類別中定義的方法, 都會被實例繼承。 如果在一個方法前, 加上static關鍵字, 就表示該方法不會被實例繼承, 而是直接透過類別來調用, 這就稱為「 靜態方法」。

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function
登入後複製

上面程式碼中, Foo類別的classMethod方法前面有static關鍵字, 表示方法是靜態方法,可以直接在Foo類別上呼叫( Foo.classMethod()), 而不是在Foo類別的實例上呼叫。 如果在實例上呼叫靜態方法, 會拋出一個錯誤, 表示不存在該方法。

父類別的靜態方法, 可以被子類別繼承。

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {}
Bar.classMethod(); // 'hello'
登入後複製


上面程式碼中, 父類別Foo有一個靜態方法, 子類別Bar可以呼叫這個方法。
靜態方法也是可以從super物件上呼叫的。

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
  static classMethod() {
    return super.classMethod() + ', too';
  }
}
Bar.classMethod();
登入後複製

   

相信看了以上介紹你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

用jQuery做出對陣列去重及排序的運算

怎麼使用Vue的自定義指令完成一個下拉式選單

導覽元件react-navigation如何使用

#

以上是ES6 javascript中類別的靜態方法,屬性與實例屬性怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板