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

如题所述

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 语句访问信息。
温馨提示:内容为网友见解,仅供参考
第1个回答  2016-04-25
var JCore = {//构造核心对象
version:1.0,
$import:function(importFile){
var file = importFile.toString();
var IsRelativePath = (file.indexOf("$")==0 ||file.indexOf("/")==-1);//相对路径(相对于JCore)
var path=file;
if(IsRelativePath){//计算路径,$开头表示使用当前脚本路径,/开头则是完整路径
if(file.indexOf("$")==0)
file = file.substr(1);
path = JCore.$dir+file;
}
var newElement=null,i=0;
var ext = path.substr(path.lastIndexOf(".")+1);
if(ext.toLowerCase()=="js"){
var scriptTags = document.getElementsByTagName("script");
for(var i=0;ilength;i++) {
if(scriptTags[i].src && scriptTags[i].src.indexOf(path)!=-1)
return;
}
newElement=document.createElement("script");
newElement.type="text/javascript";
newElement.src=path;
}
else if(ext.toLowerCase()=="css"){
var linkTags = document.getElementsByTagName("link");
for(var i=0;ilength;i++) {
if(linkTags[i].href && linkTags[i].href.indexOf(path)!=-1)
return;
}
newElement=document.createElement("link");
newElement.type="text/css";
newElement.rel="Stylesheet";
newElement.href=path;
}
else
return;
var head=document.getElementsByTagName("head")[0];
head.appendChild(newElement);
},
$dir : function(){
var scriptTags = document.getElementsByTagName("script");
for(var i=0;ilength;i++) {
if(scriptTags[i].src && scriptTags[i].src.match(/JCore/.js$/)) {
path = scriptTags[i].src.replace(/JCore/.js$/,"");
return path;
}
}
return "";
}()
}
其中$dir表示当前脚本文件的路径,通过当前文件的文件名查找路径;$import方法可以导入js脚本或css样式表文件,如果以$开头则使用当前脚本文件的路径导入文件,如果以/开头则表示是完整的脚本路径!
$import("/Script/myfile.js");
$import("/Script/mystyle.css");
$import("$myfile.js");
为html动态添加script节点元素或style节点元素只是动态导入脚本的一种脚本,除此之外,还可以通过Ajax异步请求js脚本文件,然后通过eval方法把获取的脚本文本转换为脚本代码实现动态导入功能!但是css样式表文件无法通过这种方式导入!不过CSS样式表本身即有@import关键字,可以实现文件引用包含!
第2个回答  2016-04-09
查了下JS手册,

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 语句访问信息。

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

如何使用 javascript中的import,export 语法
通常情况下,标明脚本中的信息仅对象同主体标明的脚本可用。通过导出(使用 export 语句)属性、函数或对象,标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。脚本必须在导入并使用任何导出的属性、函数或对象之前将导出脚本装载到窗口、框架或层中。上述内容...

export和import命令
`export` 命令用于从当前模块中导出函数、对象或原始值,以便其他模块可以通过`import`命令来使用它们。使用`export`时,可以指定导出的名称(包括默认导出和具名导出),默认导出每个模块只能有一个,而具名导出则可以有多个。`import` 命令则用于在当前模块中导入由其他模块`export`导出的绑定。它允许你指...

javascript中的export和import怎么用
export和import用于JavaScript的模块化操作。你可以在文件A.js中写好一些对象:exportvarfoo1;exportfunctionfoo2(){};exportclassfoo3extendprop{}然后在其他地方引用这些模块import{foo1,foo2,foo3}from'A.js'exportdefault就是暴露一个默认的变量,函数或者类,而这个变量,函数或者类可以没有名字,...

vue 中 export 的用法
在编写JavaScript模块时,export语句起到关键作用,它允许模块中定义的函数、对象或原始值被其他程序通过import语句引入并使用。被导出的值可以在模块内部修改,但外部导入的值不受此影响,仅能读取。具体使用时,可以采用以下四种方式:1. 命名导出:允许在模块中定义多个导出值,每个导出值都有明确的名称,...

如何使用 javascript中的import,export 语法
就这么导入就可以了

如何使用 javascript中的import,export 语法
\/\/ 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, ...

JavaScript 中的require,import,export
JavaScript中require、import和export的作用主要围绕模块化编程。require函数用于从其他模块导入功能,属于CommonJS同步加载模式。AMD异步加载模式下,则使用requireJS等库实现类似require的功能。import语句用于引入模块,支持ES6模块规范,使得代码更加简洁易读,且引入的对象可按需选择。import允许你从一个模块导入...

彻底理解JavaScript ES6中的import和export
export是模块对外暴露的关键,它允许开发者从模块中导出函数、对象或原始值,让其他模块能够通过import来使用。当一个模块被引入时,默认得到的是一个空对象,export则允许在该对象上添加导出的内容,就如同深拷贝一样,将模块的接口暴露给其他模块。export default的存在是为了提供文件的默认导出接口。它不仅...

TypeScript编程入门(四):import和export
导出类型有命名导出和默认导出两种方式。命名导出可以导出单个函数或常量,如export { myFunction, foo },并在其他文件中通过import { cube, foo }引用。默认导出则指定一个模块的主出口,如export default function,导入时使用import cube from '.\/mylib'。尽管TypeScript在import和export的语法上与...

JavaScript中AMD和ES6模块的导入导出对比
import、export、export default属于ES6规范。import命令在编译过程中执行,即在代码执行前执行。如果路径错误,将在运行前抛错。import不是必须写在js最前面,具有提升效果,会提升到整个模块头部首先执行。import是静态执行的,不能使用表达式和变量,如if和else中使用import,或者根据变量得来的路径。import...

相似回答