JavaScript中的类与静态方法

在函数或类对象以及它们的实例上实现方法和属性有很多方法。

在类(或函数)本身:Foo.method()或Foo.prop。这些是静态方法或属性在它的原型上:Foo.prototype.method()或Foo.prototype.prop。创建时，实例将通过原型女巫{method:function(){…},道具:…}。所以foo对象会接收，作为原型，一个foo的副本。原型对象。在实例本身上:将方法或属性添加到对象本身。foo ={方法:函数(){…},道具:}

this关键字将根据上下文以不同的方式表示和执行。在静态方法中，它将代表类本身(witch毕竟是Function的一个实例:类Foo{}相当等效于let Foo = new Function({})

随着ECMAScript 2015，今天似乎已经很好地实现了，可以更清楚地看到类(静态)方法和属性，实例方法和属性以及自己的方法和属性之间的区别。因此，您可以创建三个具有相同名称但不同的方法或属性，因为它们应用于不同的对象，方法中的this关键字将分别应用于类对象本身和实例对象，通过原型或通过它自己。

class Foo {
  constructor(){super();}
  
  static prop = "I am static" // see 1.
  static method(str) {alert("static method"+str+" :"+this.prop)} // see 1.
  
  prop="I am of an instance"; // see 2.
  method(str) {alert("instance method"+str+" : "+this.prop)} // see 2.
}

var foo= new Foo();
foo.prop = "I am of own";  // see 3.
foo.func = function(str){alert("own method" + str + this.prop)} // see 3.

2021-02-21 18:27:39

ES6现在支持类和静态关键字，就像一个魅力:

class Foo {
    constructor() {}

    talk() {
        console.log("i am not static");
    }

    static saying() {
        console.log(this.speech);
    }

    static get speech() {
        return "i am static method";
    }

}

2016-07-07 04:18:47

另外，现在可以用类和静态来做

'use strict'

class Foo {
 static talk() {
     console.log('talk')
 };

 speak() {
     console.log('speak')
 };

};

将会给

var a = new Foo();
Foo.talk();  // 'talk'
a.talk();    // err 'is not a function'
a.speak();   // 'speak'
Foo.speak(); // err 'is not a function'

2016-03-16 10:33:20

静态方法调用是直接在类上进行的，不能在类的实例上调用。静态方法经常用于创建效用函数

非常清晰的描述

直接取自mozilla.org

Foo需要绑定到你的类然后当你创建一个新实例时，你可以调用myNewInstance.foo() 如果你导入你的类，你可以调用一个静态方法

2018-04-20 20:12:15

你可以通过以下方式实现:

function Foo() {};

Foo.talk = function() { alert('I am talking.'); };

你现在可以调用"talk"函数如下:

Foo.talk();

您可以这样做，因为在JavaScript中，函数也是对象。

2014-05-05 18:14:34