export、export default、import的区别

export、export default 均可用于导出常量.、函数、文件、模块等;

在文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用;

export 对应的 import 需要知道 export抛出的变量名或函数名 import{a,b};
export default对应的 import 不需要知道 export抛出的变量名或函数名 import anyname

注意: export、import 可以有多个,export default只有一个

a.js

  export const str="变量"

  export function log(res) {

    return res

  }

  import {str, log} from ‘a‘

  

  export default str/{}

  import name from ‘a‘

export default输出一个叫做default的变量,然后系统允许你为它取任意名字。所以可以为import的模块起任何变量名,且不需要用大括号包含
时间: 2024-10-09 22:14:52

export、export default、import的区别的相关文章

module.exports,exports,export和export default,import与require区别与联系

还在为module.exports.exports.export和export default,import和require区别与联系发愁吗,这一篇基本就够了! 一.首先搞清楚一个基本问题: module.exports和exports是属于CommonJS模块规范!(不清楚commonjs?大神请这边逛一逛commonjs规范) export和export default是属于ES6语法(不清楚ES6?大神请这边逛一逛ES6模块)! 同样import和require分别属于ES6和Common

【原创】module.exports和exports export和export default import和require区别与联系一次性解决

还在为module.exports.exports.export和export default,import和require区别与联系发愁吗,这一篇基本就够了! 一.首先搞清楚一个基本问题: module.exports和exports是属于CommonJS模块规范!(不清楚commonjs?大神请这边逛一逛commonjs规范) export和export default是属于ES6语法(不清楚ES6?大神请这边逛一逛commonjs规范)! 同样import和require分别属于ES6和C

module.exports,exports,export和export default,import与require区别与联系【原创】

还在为module.exports.exports.export和export default,import和require区别与联系发愁吗,这一篇基本就够了! 一.首先搞清楚一个基本问题: module.exports和exports是属于CommonJS模块规范!(不清楚commonjs?大神请这边逛一逛commonjs规范) export和export default是属于ES6语法(不清楚ES6?大神请这边逛一逛ES6模块)! 同样import和require分别属于ES6和Common

彻底搞懂 module.exports/exports/import/export/export default

module.exports/exports module.exports 是模块系统创建的(全局内置对象):当你创建完成一个模块时,需要将此模块暴露出去,以便使用:module.exports 便提供了暴露出去的接口方法: 例如暴露出去一个对象(暴露一个全局变量或方法): /**创建模块 module.exports.js */ let object = { name: 'zhangsan', age: 24, hasSay: () => { console.info('This is zha

#import、#include、#import<>和#import””的区别

#import.#include.#import<>和#import””的区别 一.#import与#include #import不会引起交叉编译的问题.因为在Objective-C中会存在C/C++和Object-C混编的问题,如果用#include引入头文件,会导致交叉编译. 二.#import<>与#import"" 在实际运用中都是某个框架里的.#import <Three20/Three20.h><>通常指向的是一个目录#im

引入CSS文件的方式,以及link与@import的区别

一.引入css的方式 在HTML中引入css的方法主要有4种:行内式.内嵌式.链接式和导入式. 1.行内式 <div style="background:yellow;"></div> 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. 2.内嵌式 <html> <head> <style> ..// 此处添加css代码 </style> </head> <

iOS #include与#import的区别

#include  #import  @class   讲解  #include 区分 #include <x.h>与#include "x.h"的作用 #include <x.h>:它用于对系统自带的头文件的引用,编译器会在 系统文件目录下去查找该文件. #include "x.h":用户自定义的文件用双引号引用,编译器首先会 在用户目录下查找,然后到安装目录中查找,最后在系统文件中查找. 在使用#include的时候要注意处理重复

(转载)OC学习篇之[email&#160;protected]关键字的作用以及#include和#import的区别

前一篇文章说到了OC中类的三大特性,今天我们来看一下在学习OC的过程中遇到的一些问题,该如何去解决,首先来看一下我们之前遗留的一个问题: 一.#import和#include的区别 当我们在代码中使用两次#include的时候会报错:因为#include相当于拷贝头文件中的声明内容,所以会报重复定义的错误 但是使用两次#import的话,不会报错,所以他可以解决重复导入的问题,他会做一次判断,如果已经导入一次就不导入了 二.关键字@class的作用 在来看一下OC中的关键字@class的作用,在

页面引入css用link和import的区别

假设有一个css文件a.css,文件里的内容如下: p { font-size: 18px; } 现在分别使用两种方式引入a.css: 1.使用html的link标签 <link rel="stylesheet" type="text/css" href="a.css"> 2.使用import <style type="text/css"> @import url(a.css); </style&