javascript - 在 ES6 模块中导出函数原型(prototype)

Question

我似乎无法导出从代码库的其他部分导入的构造函数的原型(prototype)。

所以，如果我在 functions.js 中有这个:

export function Product(unprocessedItem) {
  let item = Object.assign({}, unprocessedItem);   

  return item;
}

Product.prototype.printThat = function() {
  console.log('Yo, it worked!')
}

然后我在别处这样做:

import {Product} from '@/js/functions'

let product = new Product(result);

product.printThat();

printThat() 似乎不起作用...

Answer 1

这里的问题其实和模块导入导出无关。事实上，问题出在 Product 函数上。

function Product(unprocessedItem) {
  let item = Object.assign({}, unprocessedItem);   

  return item;
}

Product.prototype.printThat = function() {
  console.log('Yo, it worked!')
}

let product = new Product({ test: true });

product.printThat();

不起作用。

因为您从 Product 构造函数返回一个项目，而不是 Product。

function Product(unprocessedItem) {
  Object.assign(this, unprocessedItem);
}

Product.prototype.printThat = function() {
  console.log('Yo, it worked!', this.test);
}

let product = new Product({ test: true });

product.printThat();

或者作为一个类

export class Product {
  constructor (unprocessedItem) {
    Object.assign(this, unprocessedItem);
  }
  printThat () {
    console.log('Yo, it worked!');
  }
}