模板:ES6

丨前言
  • 本模板依赖于赛马娘wiki的魔改模板:ResourceLoader丨作者:素子ちゃん_official
  • 这里的ES6指ES6模块化,在单纯使用ES6语法时,你无需使用ES6模板,用JS模板即可

载入MediaWiki命名空间下的ES6模块。

参数列表:

	#1
		JS页面(ES6模块)的名称。

ES6编辑

  • ES6与JS类似,但是ES6支持文件中出现import与export,即ES6模块化 [1]
  • 在多个JS文件引入,或者实现一些通用功能的代码时,我们建议使用ES6模块化
  • 在多个JS文件引用时,模块化能保证加载顺序
  • 在实现通用功能时,多个JS能调用这一功能,减少代码重复


丨模板案例

例如文件A.js中定义了功能函数a并export

let a = function() {
    console.log("fun from a.js");
}
export default a

文件B.js通过import声明可以调用这个函数

import a from "./index.php?title=MediaWiki:A.js&action=raw&ctype=text/javascript";    //通用模板,改文件名就行
a();

最后在页面中调用B.js 我们就运行了来自A.js的函数

{{ES6|B}}