zoukankan      html  css  js  c++  java
  • typescript 中的模块

    模块概念:分为内部模块和外边模块 (内部模块:“命名空间” 避免命名冲突     外部模块:“模块” 侧重代码复用,可有多个命名空间

      把一些公共的功能抽离成一个文件作为一个模块。

      模块里面的变量,函数,类等默认私有,外部访问需要export 出来,在需要的文件中 import 引入模块,就可以使用模块里的数据

    模块导出的几种方法

    方法一  导出声明

    //文件一
    export function getMin(){
    
    }
    
    //文件二
    import {getMin} from 'xxx'

    方法二 导出语句

    //文件一
    function getMin(){
    
    }
    
    export{ getMin }
    
    //文件二
    import {getMin} from 'xxx'

    方法三 (export default 每个文件只可使用一次)

    //文件一
    function getMin():number{
        console.log(222)
        return 1;
    }
    
    export default getMin;
    
    //文件二
    
    import getMin from "./ts02";
    
    getMin();

    命名空间  内部模块,主要用于组织代码,避免命名冲突

    namespace  把数据改为私有 ,需要用export 导出才能使用

    namespace A{
        let userName:string = '张三';
    
        export function getMin(){
            console.log(123)
        }
    }
    A.getMin(); //123

    在模块中使用命名空间时需要导出export  namespace

     export namespace A{
        let userName:string = '张三';
    
        export function getMin(){
            console.log(userName)
        }
    }
    
     export namespace B{
        let userName:string = '李四';
    
        export function getMin(){
            console.log(userName)
        }
    }
  • 相关阅读:
    WINNER队成立(第二天)
    新学期组队合作
    构建之法第8、9、10章
    第一阶段冲刺(第一天)
    作业六:小学生四则运算之NABCD模型与产品Backlog。
    构建之法第六章、第七章观后感
    四则运算,测试与封装。
    使用Webpack4 搭建React项目
    算法一小时--希尔排序
    算法一小时-插入排序
  • 原文地址:https://www.cnblogs.com/webmc/p/12698187.html
Copyright © 2011-2022 走看看