• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

8、TypeScript模块

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
模块
  1、模块概念
  2、模块导出的几种方法
    1、export 导出声明
    2、export 导出语句
    3、export default
    4、import导出模块
模块的概念(官方):
    关于属于的一点声明,请务必注意一点,TypeScript1.5里面已经发生变化。“内部模块”现在成为“命名空间”。
    “外部模块”现在简称为模块,模块在自身的作用与里执行,而不是在全局作用域里。
    这意味着定义在一个模块里的变量、函数、类、接口等等在外部模块是不可见的,除非你明确使用export形式之一导出他们。
    相反,如果想使用其他模块导出变量、函数、类、接口等的时候,你必须先要引入他们,可以使用import形式之一。
模块化概念(自己):
    我们可以把一些公共的功能单独抽离成一个文件作为模块。
    模块里面的变量 函数 类等默认是私有的,如果我们要在外部访问模块里面的(类 函数 变量)
    我们需要通过export暴露模块里面的数据。
    暴露后我们可通过import引入模块就可以使用模块里面暴露的数据。
将公共方法定义到一个db.ts模块中
/*

export var dbUrl = '10.168.1.202:8080';//export 导出声明
export function getData():any[]{//export 导出语句
  console.log('获取数据库的数据');
  return [
    {
      title:'title001',
      desc:'desc001',
    },
    {
      title:'title002',
      desc:'desc002',
    }
  ]
}
export function save(){//export 导出语句
  console.log('保存数据成功');
}

*/

/*
var dbUrl = '10.168.1.202:8080';
function getData():any[]{
  console.log('获取数据库的数据');
  return [
    {
      title:'title001',
      desc:'desc001',
    },
    {
      title:'title002',
      desc:'desc002',
    }
  ]
}
function save(){
  console.log('保存数据成功');
}
export {dbUrl,getData,save}//导出
*/

var dbUrl = '10.168.1.202:8080';
function getData():any[]{
  console.log('获取数据库的数据');
  return [
    {
      title:'title001',
      desc:'desc001',
    },
    {
      title:'title002',
      desc:'desc002',
    }
  ]
}
function save(){
  console.log('保存数据成功');
}

export default getData;

引用

// import {getData,save,dbUrl} from './modules/db';//import导出模块
// getData();

// import {getData as get} from './modules/db';//import导出模块
// get();

import getData from './modules/db';//import导出模块
getData();
export default 默认导出
每个模块都可以有一个default导出。默认导出使用 default关键字标记。并且每一个模块只有一个default导出。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
typescript基础篇拾遗发布时间:2022-07-18
下一篇:
npm 安装typeScript 报错解决发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap