import 和 export 的常见方式

在JavaScript中,import 和 export 是ES6模块系统的关键字,用于实现模块之间的依赖关系和代码复用。以下是使用 import 和 export 的几种常见方式:

  1. 默认导出(Default Exports)

    // 导出  
    export default function myFunction() {  
      console.log('This is a default export function');  
    }  
      
    // 导入  
    import myFunction from './module';

  2. 命名导出(Named Exports)

    // 导出  
    export function namedFunction() {  
      console.log('This is a named export function');  
    }  
      
    // 导入  
    import { namedFunction } from './module';

  3. 导入默认和命名导出

    // 导出  
    export default function myFunction() {  
      console.log('This is a default export function');  
    }  
    export function namedFunction() {  
      console.log('This is a named export function');  
    }  
      
    // 导入(需要使用花括号)  
    import { defaultExport as defaulted, namedFunction } from './module';

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