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;

 

posted on 2019-06-17 17:24  LoaderMan  阅读(322)  评论(0编辑  收藏  举报

导航