js export新手学习使用

在JavaScript中,export关键字的主要用途是将模块中的变量、函数、类等导出,使其可以在其他文件或模块中被引用和使用。

具体来说,export关键字有以下几种使用方式:

  1. 导出变量或常量:您可以使用export关键字导出一个变量或常量,以便在其他文件中使用。例如:

    // module.js
    export const PI = 3.14159;
    export let name = 'John';
    
  2. 导出函数:您可以使用export关键字导出一个函数,以便在其他文件中调用。例如:

    // utils.js
    export function greet(name) {
      console.log(`Hello, ${name}!`);
    }
    
  3. 导出类:您可以使用export关键字导出一个类,以便在其他文件中实例化和使用。例如:

    // person.js
    export class Person {
      constructor(name) {
        this.name = name;
      }
      greet() {
        console.log(`Hello, my name is ${this.name}`);
      }
    }
    
  4. 默认导出:除了上述的命名导出(named export),您还可以使用export default语法来导出一个默认值,每个模块只能有一个默认导出。例如:

    // math.js
    export default function add(a, b) {
      return a + b;
    }
    

以上只是一些常见的使用情况,export关键字的灵活性使您可以根据需要导出任何类型的数据。通过使用import关键字,其他文件可以导入并使用这些导出的内容。

例如,在另一个文件中引用上述导出的变量、函数或类:

// main.js
import { PI, name } from './module.js';
import { greet } from './utils.js';
import { Person } from './person.js';
import add from './math.js';

console.log(PI); // 输出:3.14159
console.log(name); // 输出:'John'

greet('Alice'); // 输出:Hello, Alice!

const person = new Person('Bob');
person.greet(); // 输出:Hello, my name is Bob

console.log(add(2, 3)); // 输出:5

通过exportimport机制,模块化的JavaScript代码可以更好地组织、复用和维护。

如果想直接运行,还需要创建一个package.json文件

// package.json
{
    "name": "your-package",
    "type": "module"
  }

然后终端运行

node main.js

输出:

chunk@chunk-ThinkPad-X1-Carbon-5th:/tmp/1$ node main.js 
3.14159
John
Hello, Alice!
Hello, my name is Bob
5

你可能感兴趣的:(前端,javascript,学习,开发语言)