Javascript 导入函数语法

Question

我正在尝试从另一个模块导入一个函数，但在运行时出现错误：

TypeError: _this.getData is not a function.

数据.js

function getData() {
  return [
    { id: 1,
      name: 'Pluto',
      type: 'Dwarf Planet'
    },
    { id: 2,
      name: 'Neptune',
      type: 'Planet'
    }
  ]
}
export { getData }

工人.js

import getData from data.js

this.data = this.getData()

然后在运行时，我收到了上面提到的浏览器错误。关于我做错了什么的任何想法？

Answer 1

那应该是

import { getData } from data.js

如果没有括号，您将导入default不存在的导出。

Answer 2

当使用“getData()”它不属于当前对象时，你应该省略“this”关键字。

function getData() { .... }

export default getData;

import getData from "data.js"

this.data = getData();