脚本宝典收集整理的这篇文章主要介绍了es6模块化编程,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一个ES6的模块是一个包含了js代码的文件。ES6里没有所谓的module关键字,一个模块就是一个普通的脚本文件,除了以下两个区别: @H_126_9@ ES6中的模块自动开启严格模式。 模块中可以使用import和export。 先来说说export,在模块中声明的任何东西都是默认私有的,如果想对其他模块public,必须将那部分代码export。最简单的方法就是添加一个export关键字: // kITtydar.js export function detectCats(canvas, options) { VAR kittydar = new Kittydar(options); return kittydar.detectCats(canvas); } export class Kittydar { ... several methods doing image PRocessing ... } // This helPEr function isn't exported. function resizeCanvas() { ... } ... 不再有跨文件或跨模块的全局变量,export声明的那部分就是这个模块的public API。而在另外一个文件中,我们可以导入这个模块并且使用detectCat方法: // demo.js - Kittydar demo program import {detectCats} From "kittydar.js"; function go() { var canvas = document.getElementById("catpix"); var cats = detectCats(canvas); drawRectangles(canvas, cats); } 如果需要导入多个模块中的接口,如下: import {detectCats, Kittydar} from "kittydar.js"; 我们也可以通过一行代码将本模块所有需要public的方法公开: export {detectCats, Kittydar}; 这样就不用一个个地添加export关键字了脚本宝典总结 以上是脚本宝典为你收集整理的es6模块化编程全部内容,希望文章能够帮你解决es6模块化编程所遇到的问题。 如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。 标签:APIAPIbuttonbuttonClassdivdodocumentes6exportexportexportfunctionfunctionfunctionimageimageImportininjavanewnewoptionoptionpost-format-gallerypublicpublicpublicreturnreturnreturnselecttexttexttoptopvar
一个ES6的模块是一个包含了js代码的文件。ES6里没有所谓的module关键字,一个模块就是一个普通的脚本文件,除了以下两个区别:
ES6中的模块自动开启严格模式。 模块中可以使用import和export。
先来说说export,在模块中声明的任何东西都是默认私有的,如果想对其他模块public,必须将那部分代码export。最简单的方法就是添加一个export关键字:
// kITtydar.js export function detectCats(canvas, options) { VAR kittydar = new Kittydar(options); return kittydar.detectCats(canvas); } export class Kittydar { ... several methods doing image PRocessing ... } // This helPEr function isn't exported. function resizeCanvas() { ... } ...
不再有跨文件或跨模块的全局变量,export声明的那部分就是这个模块的public API。而在另外一个文件中,我们可以导入这个模块并且使用detectCat方法:
// demo.js - Kittydar demo program import {detectCats} From "kittydar.js"; function go() { var canvas = document.getElementById("catpix"); var cats = detectCats(canvas); drawRectangles(canvas, cats); }
如果需要导入多个模块中的接口,如下:
import {detectCats, Kittydar} from "kittydar.js";
我们也可以通过一行代码将本模块所有需要public的方法公开:
export {detectCats, Kittydar};
这样就不用一个个地添加export关键字了
以上是脚本宝典为你收集整理的es6模块化编程全部内容,希望文章能够帮你解决es6模块化编程所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。