如何导出默认构造函数？

export 语句用于将一个 JavaScript 模块绑定到其他模块。为了导出默认构造函数，我们在需要的地方使用导出语句和导入模块。在创建类的实例时，会调用相应类的构造函数。

句法：

export default class ClassName{...}

在下面的示例中，我们将通过导出和导入在另一个模块中使用 JavaScript 模块。但是，仅 HTTPS 支持跨源请求。因此，我们需要在本地服务器上运行我们的 HTML 文件。

方法：

创建一个文件index.html。
创建一个将导出模块的User.js文件。
创建另一个Profile.js文件以导入构造函数并检查它是否在创建对象时被调用。
在 index.html 中添加 script-src （注意：由于我们是导出模块，所以需要添加 type=”module”）

项目目录：我们的项目目录将如下所示。

项目目录结构

示例： index.html 文件将包含导入模块的 Profile.js 的src 。 Profile.js 文件将导入User.js并通过创建 User 类的对象来调用User.js的构造函数。 User.js 文件将有一个构造函数，它接受参数并打印其值以及一些虚拟文本。

index.html


  

    

  

    
        Geeks for Geeks
    
    
        Result will be displayed at console

Profile.js

// Importing User
import User from './User.js';
  
// Creating new user object
var user = new User({name:'Lorem Ipsum',lang:'Javascript'});
  
// Printing data
console.log(user);

User.js

export default class User
{
    constructor(params)
    {
        this.name=params.name;
        this.lang=params.lang;
        console.log('constructor of User class called: ');
        console.log(this.name+' is your name.');
        console.log(this.lang+' is your language');
    }
}

Profile.js

// Importing User
import User from './User.js';
  
// Creating new user object
var user = new User({name:'Lorem Ipsum',lang:'Javascript'});
  
// Printing data
console.log(user);

用户.js

export default class User
{
    constructor(params)
    {
        this.name=params.name;
        this.lang=params.lang;
        console.log('constructor of User class called: ');
        console.log(this.name+' is your name.');
        console.log(this.lang+' is your language');
    }
}

在本地服务器上运行 HTML 文件的步骤

如果您的机器上安装了 NodeJs 和 npm，请通过在终端上运行此命令来安装http-server 。
```
npm install http-server -g
```
通过终端导航到保存所有文件并键入的目录。
```
http-server
```

输出：

您将看到服务的本地服务器列表，如下所示：
可用端口列表
现在单击任何可用的本地服务器，我们将看到以下输出。