javascript - 获取另一个文件中的变量

Question

是否可以从另一个文件访问另一个变量？
例如第一个文件:

export default class myClass {
  constructor({name, price}) {
    this.name = name;
    this.price = price;
  }
}

在一个单独的文件中，我正在做:

new VendingMachineItem({ name: "Cheese Puffs", price: 3 }),
new VendingMachineItem({ name: "Can of Soda", price: 1.75 })

这样它就可以在我想访问 this.price 和 this.name 的其他文件中运行构造函数。

我目前正在将它导入到这个文件中，但不确定要做什么...

Answer 1

导入类的行为就像您在文件中定义类一样，您可以在其中使用它。

所以，这个:

class Foo{ /*...*/ }

new Foo()

等同于:

//foo.js
export default class Foo{ /*...*/ }

//bar.js
import Foo from './foo.js'

new Foo()

因此，在导入后正常使用您的类。

---

类构造函数中的this 指的是新创建的对象。

因此，您在对象上定义name 和price，从构造函数返回!

因此只需使用构造函数的返回值:

const newObject = new VendingMachineItem({ name: "Cheese Puffs", price: 3 })
console.log(newObject.name)  //Cheese Puffs
console.log(newObject.price) //3