查看“ECMAScript6:模块”的源代码
←
ECMAScript6:模块
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
一个模块通常是一个独立的JS文件,该文件内部定义的变量和函数除非被导出,否则不能被外部所访问。 使用export关键字放置在需要暴露给其他模块使用的变量、函数或类声明前面。 ==定义模块== Modules.js: <nowiki> // 导出数据 export var color = "red"; export let name = "module"; export const sizeOfPage = 10; // 导出函数 export function sum(a, b){ return a + b; } // 将在模块末尾进行导出 function subtract(a, b){ return a - b; } // 将在模块末尾进行导出 function multiply(a, b){ return a * b; } // 将在模块末尾进行导出 function divide(a ,b){ if(b !== 0) return a / b; } // 导出类 export class Car { constructor(sColor, iDoors){ this.color = sColor; this.doors = iDoors; } showColor(){ console.log(this.color); } } // 模块私有的变量 var count = 0; // 模块私有的函数 function changeCount(){ count++; } /* // 导出multiply函数 export {multiply}; // subtract是本地名称,sub是导出时使用的名称 export {subtract as sub} // 导出模块默认值 export default divide;</nowiki> 注意: *没有添加export关键字而定义的变量、函数和类在模块外是不允许被访问的 *一个模块可以导出且只能导出一个默认值 第二种和第三种语法形式: <nowiki> // 第二种语法形式 // 使用default关键字导出一个函数作为模块的默认值, // 因为导出的函数被模块所代表,所以它不需要一个名称 export default function(a ,b){ if(b !== 0) return a / b; } // ----------------------- // function divide(a ,b){ if(b !== 0) return a / b; } // 第三种语法形式 export {divide as default}</nowiki> 一次性多个导出: <nowiki> export {multiply, subtract as sub, divide as default}; </nowiki>
返回至
ECMAScript6:模块
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息