typescript（Day2）函数和类

最新推荐文章于 2022-11-10 20:51:53 发布
最新推荐文章于 2022-11-10 20:51:53 发布
阅读量273 收藏
点赞数
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46240162/article/details/107721344
版权
typescript（Day2）函数和类
函数

ts就是一套完整的面向对象语言，所有的面向对象的语言其实语义都是互通的，因为之前我学习过c#，所以感觉是非常好理解的
TS中的函数和c#也是基本一样，八九不离十，除了函数的重载会稍微有点区别

  • 和JS相比，TS的函数也是一样，我们可以提前约束函数的形参类型，函数的返回类型，ts是js的超集，所以JS能用的方法，ts都可以使用，包括es6新出的好用的语法
    在这里插入图片描述
  • 函数重载 - - 函数的方法名相同，但是形参不同(类型，个数)

JS 是没有办法实现重载的，因为在JS中我们如果写了两个同名的函数，要么就报错，要么就是后写的会覆盖掉先写的内容。因为ts考虑到兼容性，所以ts的重载和传统的c#的重载还是有区别的。
在这里插入图片描述

  • ?:表达式，这个表达式在php中也有，可有可无的意思
类

在ES5中，定义类是用过构造函数的方式来定义的，在es6的时候才推出了类这种语法糖的形式的写法，在ts中的类也是使用class这种语法糖的形式来使用的，如果会了ES6的类的写法，那么再来用ts的语法来写就非常的简单了

  • ts为类提供了变量类型约束 - - 相比于es6的类会更加严谨
  • ts为类提供了修饰变量的关键字 public protected private关键字
  • public 默认关键字，不写就代表的是public，在这个关键的修饰下，这个变量可以被类本身、继承的类、类外部被使用
  • protected 受保护关键字，在这个关键字的修饰下，这个变量可以被类本身、继承的类访问，但是无法在类外部访问
  • private 私有关键字， 在这个关键字的修饰下，这个变量只能被类本身访问，在类外部，继承类都是不能访问的

什么是类本身访问
在这里插入图片描述
什么是继承类访问？
在这里插入图片描述
什么是类外部访问？
在这里插入图片描述

  • super()函数，在继承的时候使用的，可以简单的理解成是继承父类的构造函数。一定是配合和extends继承类的时候来使用的。
总结
  • TS还是蛮简单的，在函数和类中就很好的体现了面向对象的思想，并且让JS变得十分的严谨，也可以理解成TS就是严谨版的JS
Jimmy雪雪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
9.方法传参与构造方法
ZSIOA的博客
05-26 225
1、关于对象实例化时在内存中的存储 关于字符串 String s1 = "abc"; String s2 = "abc"; String s3 = new String("abc"); String s4 = new String("abc"); System.out.println(s1); System.out.println(s2); // ==在基础数据类型中，比较的是值；在引用数据类型中，比较的是
TS 类型到函数
lin_fightin的博客
11-16 484
官网https://www.typescriptlang.org/docs/handbook/basic-types.html 菜鸟教程https://www.runoob.com/w3cnote/getting-started-with-typescript.html 自动编译 这样就会自动编译了。 数据类型 TS在赋值时要求必须加上其类型，且不能赋予其他类型的值。 定义数组第二种 ##元组 数组的一种 可以指定数组每一个值的类型 枚举enum ic_center) 如果没赋值返
TypeScript的函数(方法)
上庸者-不服周
07-04 1090
ts函数
TSclass类
越是安静内敛的人，越容易生不惊人死不休
11-10 756
TSclass类
javaScript函数与方法的区别
weixin_44283589的博客
03-03 198
javaScript函数与方法的区别: 1.函数function:独立的function,那么称之为是一个函数 function foo(){} 2.方法methods function foo(){}
Typescript30Day:使用打字稿构建的Javascript 30天挑战
04-13
TypeScript支持面向对象编程，包括类（Class）、构造函数、实例方法和属性、以及继承（Inheritance）。这将帮助我们创建复杂的对象模型，实现代码的复用。 **第十六天至第二十天：泛型（Generics）** 泛型是...
万年历显示函数.docx
最新发布
12-25
在 Typescript 中，实现万年历显示函数可以帮助开发者快速生成月份日历，并提供基本的操作，例如切换月份、选择日期等。以下是对万年历显示函数的详细解释和分析： 函数签名 函数的签名是 `displayCalendar(year: ...
coderwhy新课Vue3+TypeScript课堂资料
08-09
4. **类组件**：虽然Vue3推荐使用Function Components，但依然支持类组件，且类组件与TypeScript结合可以方便地使用构造函数、生命周期钩子等特性。 在"课堂资料day01_44"这个文件中，可能涵盖了Vue3的基础概念，...
day20
03-18
泛型常用于函数和类，以提高代码的灵活性和重用性。 ```typescript function identity(arg: T): T { return arg; } let output = identity('hello'); console.log(output); // 输出：hello ``` 装饰器...
one-day-page
03-11
2. **类（Classes）**：TypeScript引入了面向对象的编程概念，如类、继承和接口。在"one-day-page"中，可能会定义用于构建页面组件的类，这些类可以包含数据属性和行为方法。 3. **装饰器（Decorators）**：装饰器...
前端TS学习笔记 （JS和TS优劣对比）
m0_58849641的博客
08-05 9549
与TS完美配合，TypeScript已成为大中型前端项目的首先编程语言。最新的ECMAScript语法。减少找BUG，改BUG时间。每个地方都显示标注类型。
TypeScript（数据类型、函数、类、接口、泛型）
qiuzhf
12-27 1055
TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 JavaScript 与 TypeScript 的区别 TypeScript 是 JavaScript 的超集，支持 ECMAScript 6 标准，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一...
boost之日期 时间(date_time)
qq_62309585的博客
09-11 1645
如果把时间想象成一个向前和向后都无限延伸的实数轴，那么时间点就是数轴上的一个点，时间段就是两个时间点之间确定的一个区间，时长(时间长度)则是一个有正负号的标量，它是两个时间点之差,不属于数轴。时间点、时间段和时长三者之间可以进行运算，例如“时间点+时长=时间点”，“时长+时长=时长”“时间段∩时间段=时间段”、“时间点∈时间段”，等等，但有的运算也是无意义的，如“时间点+时间点”、“时长+时间段”，等等。这些运算都基于生活常识，很容易理解，但在编写时间处理程序时必须注意。
ts（typescript） 字类 继承父类 在字类构造函数为啥需要先super()调用 分析
twinkle的博客
01-22 2671
在今天写代码的过程中，我遇到一个这样的问题，字类继承父类为啥需要在字类的构造函数中使用 super() // 定义一个A类（父类）,这里我以抽象类为例子 abstract class A { x: number = 0; y: number = 0; abstract readonly c: string; } // 定义一个B类来继承抽象类，并且实现里面的抽象属性 class B extends A { c: string; constructor() { super(.
ts 之 类的简介、构造函数和它的this、继承、抽象类、接口
qq_46302247的博客
07-05 962
类的简介 构造函数和它的this 继承
用数据分析看共享单车
05-18 1万+
前几天是小文人生中一个非常重要的纪念日，说不上里程碑，但也是非常值得纪念的一个日子，为此，小文骑着“hello bike”奔向庆祝的大道上。有人问，为什么要骑共享单车，那还用说吗？这是情（zhuang）调（bi）懂不懂… 那天之后，小文就想做一个关于共享单车的分析，上kaggle看见有一个数据集---bike sharing，那是美国华盛顿共享单车数据，也是非常适合练手的一个...
Ts函数的及方法和类的基本使用
m0_68618659的博客
09-09 2635
匿名函数return a+b}let aa =makeMoney("你好","世界")有名函数|命名函数|普通函数}console.log(`我今天写代码${res1}小时`);箭头函数console.log(`我每天看${time}小l时meimei`);}​const seeMeimei1=(time:number ) :void=>console.log(`我每天看${time}小时meimei` );​//接口​​2函数参数的处理。
TS函数与类
sh2001824的博客
09-09 648
TS函数与类
TS函数的类型
热门推荐
Army-海军的博客
07-11 3万+
函数的类型 函数的声明 一个函数有输入和输出，要在 TypeScript 中对其进行约束，需要把输入和输出都考虑到，其中函数声明的类型定义较简单 function sum(x: number, y: number): number { return x + y; } 在调用时，输入多余的（或者少于要求的）参数，是不被允许的 function sum(x: number, y:...
typescript 日历
07-11
在 TypeScript 中实现一个日历可以有多种方式，这里我给你提供一个简单的示例： ```typescript interface CalendarDate { year: number; month: number; day: number; } class Calendar { private currentDate: CalendarDate; constructor(year: number, month: number, day: number) { this.currentDate = { year, month, day }; } get currentDate(): CalendarDate { return this.currentDate; } set currentDate(date: CalendarDate) { this.currentDate = date; } displayCurrentDate(): void { console.log(`Current date: ${this.currentDate.year}-${this.currentDate.month}-${this.currentDate.day}`); } } const calendar = new Calendar(2022, 10, 1); calendar.displayCurrentDate(); calendar.currentDate = { year: 2022, month: 10, day: 15 }; calendar.displayCurrentDate(); ``` 在上面的示例中，我们定义了一个 `Calendar` 类，它包含一个私有的 `currentDate` 属性，用于存储当前的日期。我们在构造函数中初始化了 `currentDate` 属性，并提供了获取和设置该属性的方法。 类中还定义了一个 `displayCurrentDate` 方法，用于打印当前日期。 通过实例化 `Calendar` 类，我们可以创建一个日历对象，并使用 `displayCurrentDate` 方法来显示当前日期。还可以通过设置 `currentDate` 属性来改变当前日期。 你可以根据自己的需求扩展这个示例，添加更多的功能和方法来实现更复杂的日历功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值