js module 引用的同时 怎么实例化对象
时间: 2023-12-14 16:36:28 浏览: 29
假设你有一个名为 `MyModule` 的 JavaScript 模块文件,其中定义了一个类 `MyClass`,你可以在另一个文件中引入该模块并实例化类的对象,示例代码如下:
```javascript
// MyModule.js
class MyClass {
constructor() {
this.name = "MyClass";
}
sayHello() {
console.log(`Hello, I am ${this.name}`);
}
}
export default MyClass;
// main.js
import MyClass from './MyModule.js';
const myObj = new MyClass();
myObj.sayHello(); // 输出 "Hello, I am MyClass"
```
在 `main.js` 文件中,我们使用 `import` 关键字引入了 `MyModule.js` 模块,并通过 `new` 关键字实例化了 `MyClass` 类的对象 `myObj`,然后调用 `myObj` 的 `sayHello()` 方法输出了一段信息。
需要注意的是,如果 `MyModule.js` 中定义了多个类或函数,你需要在 `import` 语句中指定要引入的成员,否则默认会导入整个模块对象。例如,如果要引入 `MyModule.js` 中的 `MyClass` 类和 `myFunction` 函数,可以这样写:
```javascript
import { MyClass, myFunction } from './MyModule.js';
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)