import 和 export 的常见方式

发布时间:2024年01月22日

在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';

文章来源:https://blog.csdn.net/H2608520347/article/details/135753962
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。