为了账号安全,请及时绑定邮箱和手机立即绑定

请问该如何使用 javascript中的import,export 语法?

/ 猿问

请问该如何使用 javascript中的import,export 语法?

慕仙森 2019-07-03 11:07:55

如何使用 javascript中的import,export 语法


查看完整描述

5 回答

?
慕沐林林

export
允许标明的脚本向其它标明或未标明的脚本提供属性、函数和对象。
实现版本 Navigator 4.0, Netscape Server 3.0
描述
通常情况下标明脚本中的信息仅对象同主体标明的脚本可用。通过导出属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。

import
允许脚本从标识的脚本中导入已经导出的属性、函数和对象。
实现版本 Navigator 4.0, Netscape Server 3.0
描述
objectName 参数是将接受导入的名称的对象名称。例如,如果已经导出了 f 和 p,obj 是导入脚本中的一个对象,那么
import obj.f, obj.p 将使得 f 和 p 在导入脚本中可访问,就像是 obj 的属性一样。

通常情况下,标明脚本中的信息仅对象同主体标明的脚本可用。通过导出(使用 export 语句)属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。

脚本必须在导入并使用任何导出的属性、函数或对象之前将导出脚本装载到窗口、框架或层中。





查看完整回答
反对 回复 2019-07-07
?
慕田峪7331174

    ES6的Class只是面向对象编程的语法糖,升级了ES5的构造函数的原型链继承的写法,并没有解决模块化问题。Module功能就是为了解决这个问题而提出的。

    历史上,JavaScript一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如Ruby的`require`、Python的`import`,甚至就连CSS都有`@import`,但是JavaScript任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。            

    在ES6之前,社区制定了一些模块加载方案,最主要的有CommonJS和AMD两种。前者用于服务器,后者用于浏览器。ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。    

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

// React js ES6代码中的实例

import React from 'react'

import ReactDOM from 'react-dom'

import { createStore, combineReducers } from 'redux'

import { Provider } from 'react-redux'

import { Router, Route, IndexRoute, browserHistory } from 'react-router'

import { syncHistoryWithStore, routerReducer } from 'react-router-redux'

 

import { createDevTools } from 'redux-devtools'

import LogMonitor from 'redux-devtools-log-monitor'

import SliderMonitor from 'redux-slider-monitor'

import DockMonitor from 'redux-devtools-dock-monitor'

 

 

// other file js

import countReducers from './countReducers'

 

export default countReducers


查看完整回答
反对 回复 2019-07-07
?
白衣染霜花

export
允许标明的脚本向其它标明或未标明的脚本提供属性、函数和对象。
实现版本 Navigator 4.0, Netscape Server 3.0

描述
通常情况下标明脚本中的信息仅对象同主体标明的脚本可用。通过导出属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。

import
允许脚本从标识的脚本中导入已经导出的属性、函数和对象。
实现版本 Navigator 4.0, Netscape Server 3.0

描述
objectName 参数是将接受导入的名称的对象名称。例如,如果已经导出了 f 和 p,obj 是导入脚本中的一个对象,那么
import obj.f, obj.p 将使得 f 和 p 在导入脚本中可访问,就像是 obj 的属性一样。

通常情况下,标明脚本中的信息仅对象同主体标明的脚本可用。通过导出(使用 export 语句)属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。

脚本必须在导入并使用任何导出的属性、函数或对象之前将导出脚本装载到窗口、框架或层中。

查看完整回答
反对 回复 2019-07-07
?
弑天下

·   export和import用于JavaScript的模块化操作。你可以在文件A.js中写好一些对象:

1

2

3

export var foo1;

export function foo2(){};

export class foo3 extend prop{}

  • 然后在其他地方引用这些模块

1

import {foo1,foo2, foo3} from 'A.js'

  • export default就是暴露一个默认的变量,函数或者类,而这个变量,函数或者类可以没有名字,直接导入。例如:

1

2

3

4

5

6

//A.js

export default "string";

 

//B.js

import foo from "A";

console.log(foo);

 

  • export 
         允许标明的脚本向其它标明或未标明的脚本提供属性、函数和对象。 
         实现版本  Navigator 4.0, Netscape Server      3.0  

  • 描述 
         通常情况下标明脚本中的信息仅对象同主体标明的脚本可用。通过导出属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。 

  • import 
         允许脚本从标识的脚本中导入已经导出的属性、函数和对象。 
         实现版本  Navigator 4.0, Netscape Server      3.0  

  • 描述 
         objectName 参数是将接受导入的名称的对象名称。例如,如果已经导出了 f 和 p,obj 是导入脚本中的一个对象,那么 
         import obj.f, obj.p 将使得 f 和 p 在导入脚本中可访问,就像是 obj 的属性一样。 

  • 通常情况下,标明脚本中的信息仅对象同主体标明的脚本可用。通过导出(使用 export 语句)属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。 

  • 脚本必须在导入并使用任何导出的属性、函数或对象之前将导出脚本装载到窗口、框架或层中。 

 


查看完整回答
反对 回复 2019-07-07
?
呼如林

export
允许标明的脚本向其它标明或未标明的脚本提供属性、函数和对象。
实现版本 Navigator 4.0, Netscape Server 3.0
描述
通常情况下标明脚本中的信息仅对象同主体标明的脚本可用。通过导出属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。

查看完整回答
反对 回复 2019-07-07

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信