iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >TypeScript声明合并的实现
  • 456
分享到

TypeScript声明合并的实现

2024-04-02 19:04:59 456人浏览 独家记忆
摘要

目录1.接口合并2.命名空间3.命名空间和类合并4.命名空间和函数合并5.命名空间和枚举合并1.接口合并 interface TestInterface { name:str

1.接口合并

interface TestInterface {
    name:string;
}
interface TestInterface {
    age:number;
}
//相当于下面
interface TestInterface {
    name:string;
    age:number;
}
class Person implements TestInterface{
    name:string;
    age:number;
}

1.1同名接口如果属性名相同, 那么属性类型必须一致

interface TestInterface {
    name:string;
}
interface TestInterface {
    name:number;//报错
}

1.2同名接口如果出现同名函数, 那么就会成为一个函数的重载

interface TestInterface {
    getValue(value:number):number;
}
interface TestInterface {
    getValue(value:string):number;
}
let obj:TestInterface = {
    getValue(value:any):number{
        if(typeof value === 'string'){
            return value.length;
        }else{
            return value.toFixed();
        }
    }
}
console.log(obj.getValue("abcdef"));
console.log(obj.getValue(3.14));

2.命名空间

namespace Validation{
    export let name:string = 'lnj';
}
namespace Validation{
    export let age:number = 18;
}
console.log(Validation.name);
console.log(Validation.age);

2.1同名的命名空间中不能出现同名的变量,方法等

namespace Validation{
    export let name:string = 'lnj';
    export let say = ()=> "abc";
}
namespace Validation{
    export let name:string = 'zs';//报错
    export let say = ()=> "abc";//报错
}

2.2同名的命名空间中其它命名空间没有通过export导出的内容是获取不到的

namespace Validation{
    let name:string = 'lnj';//输出name = 获取不到name
    //  export let name:string = 'lnj'; 输出name =lnj
    
}
namespace Validation{
    export let say = ()=> {
        console.log(`name = ${name}`);
    };
}
Validation.say();

3.命名空间和类合并

注意点: 类必须定义在命名空间的前面
会将命名空间中导出的方法作为一个静态方法合并到类中

class Person {
    say():void{
        console.log('hello world');
    }
}
namespace Person{
    export const hi = ():void=>{
        console.log('hi');
    }
}
console.dir(Person);

4.命名空间和函数合并

注意点: 函数必须定义在命名空间的前面

function getCounter() {
    getCounter.count++;
    console.log(getCounter.count);
}
namespace getCounter{
    export let count:number = 0;
}

5.命名空间和枚举合并

注意点: 没有先后顺序的要求

enum Gender {
    Male,
    Female
}
namespace Gender{
    export const Yao:number = 666;
}
console.log(Gender);

到此这篇关于typescript声明合并的实现的文章就介绍到这了,更多相关TypeScript声明合并内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: TypeScript声明合并的实现

本文链接: https://www.lsjlt.com/news/153708.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • TypeScript声明合并的实现
    目录1.接口合并2.命名空间3.命名空间和类合并4.命名空间和函数合并5.命名空间和枚举合并1.接口合并 interface TestInterface { name:str...
    99+
    2022-11-13
  • TypeScript声明合并如何实现
    今天小编给大家分享一下TypeScript声明合并如何实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1.接口合并inte...
    99+
    2023-07-02
  • 关于TypeScript声明合并
    目录介绍基础概念合并接口合并命名空间命名空间与类和函数和枚举类型合并合并命名空间和类非法的合并模块扩展全局扩展介绍 TypeScript中有些独特的概念可以在类型层面上描述JavaS...
    99+
    2022-11-13
  • typescript中声明合并介绍
    目录声明合并合并Interface合并Namespacenamespace和class、enum、function合并Module扩展全局扩展声明合并 类型合并表明编译器将合并两个分...
    99+
    2022-11-13
  • TS中最常见的声明合并(接口合并)
    目录1.合并接口1.1非函数成员1.2函数成员前言: 今天要讲的内容还是TS相关,在TS中最常见的声明合并:接口合并 在聊接口合并之前,我们先来聊聊声明合并 声明合并: 什么是声明...
    99+
    2022-11-12
  • 自动生成typescript类型声明工具实现详解
    目录一、实现的功能二、工具使用方法三、实现思路四、使用示例🚲简单的JSON 数据🚲输出对应简单的类型定义✈复杂的JSON 数据✈输出对应复杂类型定义五、具体实现代码六、写在最后 在T...
    99+
    2023-05-14
    自动生成typescript类型声明 typescript类型声明
  • 怎么实现自动生成typescript类型声明工具
    本篇内容主要讲解“怎么实现自动生成typescript类型声明工具”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么实现自动生成typescript类型声明工具”吧!在TypeScript 项目...
    99+
    2023-07-05
  • TS中最常见的声明合并有哪些
    小编给大家分享一下TS中最常见的声明合并有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!前言:在TS中最常见的声明合并:接口合并在聊接口合并之前,我们先来聊聊...
    99+
    2023-06-22
  • TypeScript类型声明书写的示例分析
    这篇文章主要介绍TypeScript类型声明书写的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!基本类型 // 变量  const n...
    99+
    2022-10-19
  • TypeScript声明文件的语法与场景详解
    目录简介语法内容模块化模块语法三斜线指令referenceamd-module场景1. 在内部项目中给内部项目写声明文件2. 给第三方包写声明文件全局变量的第三方库修改全局变量的模块...
    99+
    2022-11-13
  • 基于JS实现将JSON数据转换为TypeScript类型声明的工具
    目录一、实现的功能二、工具使用方法三、实现思路四、使用示例简单的JSON 数据输出对应简单的类型定义复杂的JSON 数据输出对应复杂类型定义五、具体实现代码六、写在最后在TypeSc...
    99+
    2023-05-14
    JS实现JSON转TypeScript类型声明 JS JSON转TypeScript类型声明 TypeScript类型声明
  • html5的doctype声明怎么实现
    这篇文章主要介绍“html5的doctype声明怎么实现”,在日常操作中,相信很多人在html5的doctype声明怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ht...
    99+
    2022-10-19
  • VB.NET中如何实现变量声明
    VB.NET中如何实现变量声明,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。用户可以使用一般的声明的描述来声明一个对象变量,但是必须把VB.NET变量声明为Ob...
    99+
    2023-06-17
  • C#中怎么实现类型声明
    本篇文章给大家分享的是有关C#中怎么实现类型声明,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。C#类型声明定义新的引用类型。一个类可以从另一个类继承,并且可以实现多个接口。类成...
    99+
    2023-06-17
  • C#接口怎么声明和实现
    这篇文章主要讲解了“C#接口怎么声明和实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C#接口怎么声明和实现”吧!学习C#接口:声明接口声明接口在语法上和声明抽象类完全相同,例如这里有一个...
    99+
    2023-06-18
  • VB.NET中怎么实现变量声明
    VB.NET中怎么实现变量声明,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。用户可以使用一般的声明的描述来声明一个对象变量,但是必须把VB.NET变量声明为Object或者...
    99+
    2023-06-17
  • spring是如何实现声明式事务的
    前言 今天我们来讲讲spring的声明式事务。 开始 说到声明式事务,我们现在回顾一下事务这个概念,什么是事务呢,事务指的是逻辑上的⼀组操作,组成这组操作的各个单...
    99+
    2022-11-12
  • Golang中map的声明定义如何实现
    本篇内容主要讲解“Golang中map的声明定义如何实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Golang中map的声明定义如何实现”吧!定义map,在golang中定义为map[str...
    99+
    2023-07-05
  • TypeScript怎么实现归并排序
    这篇文章主要介绍“TypeScript怎么实现归并排序”,在日常操作中,相信很多人在TypeScript怎么实现归并排序问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”TypeScript怎么实现归并排序”的疑...
    99+
    2023-07-05
  • vue.js中怎么实现声明式渲染
    这期内容当中小编将会给大家带来有关vue.js中怎么实现声明式渲染,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。绑定 DOM 元素文本值html代码:<div&nb...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作