typeScript模块<三>
/*模块 1 模块的的概念 2 模块导出的几种方法 1、export 导出声明 2、export 导出语句 3、export default 4、import导入模块 3 模块化封装上一讲的DB库 */ /* 模块的的概念(官方): 关于术语的一点说明: 请务必注意一点,TypeScript 1.5里术语名已经发生了变化。 “内部模块”现在称做“命名空间”。 “外部模块”现在则简称为“模块” 模块在其自身的作用域里执行,而不是在全局作用域里; 这意味着定义在一个模块里的变量,函数,类等等在模块外部是不可见的,除非你明确地使用export形式之一导出它们。 相反,如果想使用其它模块导出的变量,函数,类,接口等的时候,你必须要导入它们,可以使用 import形式之一。 模块的概念(自己理解): 我们可以把一些公共的功能单独抽离成一个文件作为一个模块。 模块里面的变量 函数 类等默认是私有的,如果我们要在外部访问模块里面的数据(变量、函数、类), 我们需要通过export暴露模块里面的数据(变量、函数、类...)。 暴露后我们通过 import 引入模块就可以使用模块里面暴露的数据(变量、函数、类...)。 */ // import { dbUrl,getData} from './modules/db'; // console.log(dbUrl); // getData(); /* export default 默认导出 每个模块都可以有一个default导出。 默认导出使用 default关键字标记;并且一个模块只能够有一个default导出。 需要使用一种特殊的导入形式来导入 default导出。 */ import getData from './modules/db'; getData();
var dbUrl='xxxxxx'; function getData():any[]{ console.log('获取数据库的数据111'); return [ { title:'121312' }, { title:'121312' } ] } function save(){ console.log('保存数据成功'); } // export {getData}; export default getData;
最后,关注【码上加油站】微信公众号后,有疑惑有问题想加油的小伙伴可以码上加入社群,让我们一起码上加油吧!!!