如何在JS中将函数设置为类？

如何解决如何在JS中将函数设置为类？

我有一个功能

function log() {
    console.log('something');
}

我希望这个对象具有：

class Car {
  constructor(name) {
    this.name = name;
  }
  log() {
    // something
  }
}

如何在不重复函数内部代码的情况下附加它？

解决方法

像这样

要么作为成员函数要么在原型上

class Car {
  constructor(name) {
    this.name = name;
  }
  log = str => console.log(str); // or log = log if log is defined elsewhere
}

const carA = new Car();
carA.log("vroom");

// or

const logger = str => console.log(str);

Car.prototype.logger = logger;

const carB = new Car();
carA.logger("vroom"); // also available to the previous and other Car objects
carB.logger("vroom");

,

您可以将该函数作为方法附加到 Car 原型上，因此现在它可以作为所有实例的方法使用。

function log() {
    console.log('something');
}

class Car {
  constructor(name) {
    this.name = name;
  }
}

Car.prototype.log = log;

const a = new Car("Audi");
const b = new Car("BMW");

a.log();
b.log();

,

基本上可以通过三种方式来实现；

第一种方法是使用类构造函数并在构造函数调用中传递函数

function log() {
    console.log('something');
}


class Car {
  constructor(name,log) {
    this.name = name;
    this.log = log
  }
  
}
const audi = new Car("name",log);
audi.log();

第二种方法是简单地使用相等运算符

function log() {
    console.log('something');
}


class Car {
  constructor(name,log)  {
    this.name = name;
  }
  log = log
  
}


const audi =  new Car("some");
audi.log();

第三种方式是使用原型

function log() {
    console.log('something');
}


class Car {
  constructor(name,log) {
    this.name = name;
  }
  
}

Car.prototype.log = log;

const audi =  new Car("some");
audi.log();