typescript（Day2）函数和类

最新推荐文章于 2024-01-16 00:09:04 发布
最新推荐文章于 2024-01-16 00:09:04 发布
阅读量292 收藏
点赞数
文章标签： 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雪雪
关注
9.方法传参与构造方法
ZSIOA的博客
05-26 242
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); // ==在基础数据类型中，比较的是值；在引用数据类型中，比较的是
TypeScript技术栈实用方法函数大集合：提升代码质量与开发效率
青轩桃李能几何，流光欺人忽蹉跎
08-03 293
这些是六个常用的方法函数的示例，你可以根据自己的需求进行进一步的封装和定制。使用这些封装好的方法函数可以提高代码的重用性，并减少重复编写类似功能的代码。通过使用TypeScript，开发者可以利用JavaScript生态系统的优势，并获得更强大的工具支持和更高的安全性，将其应用于各种规模的项目中。，通过在编译阶段捕获潜在的错误和提供更丰富的代码提示，帮助开发者编写更可靠、可维护的代码。🕐「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）将数字格式化为指定货币的字符串表示，并添加货币符号。
TS 类型到函数
lin_fightin的博客
11-16 516
官网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 1111
ts函数
TSclass类
越是安静内敛的人，越容易生不惊人死不休
11-10 817
TSclass类
javaScript函数与方法的区别
weixin_44283589的博客
03-03 239
javaScript函数与方法的区别: 1.函数function:独立的function,那么称之为是一个函数 function foo(){} 2.方法methods function foo(){}
day01 TypeScript.pdf
08-08
TypeScript中的类和面向对象编程是另一个重要的特性，类可以包含属性和方法，属性可以包含类型定义，方法可以接收参数和返回值，使用this关键字可以在类的方法中访问类的实例属性。TypeScript中的构造函数...
Typescript30Day:使用打字稿构建的Javascript 30天挑战
04-13
TypeScript支持面向对象编程，包括类（Class）、构造函数、实例方法和属性、以及继承（Inheritance）。这将帮助我们创建复杂的对象模型，实现代码的复用。 **第十六天至第二十天：泛型（Generics）** 泛型是...
React 中的类和函数组件 选择哪一个?
m0_64460287的博客
12-09 1457
每个 React 组件作为 JavaScript 本身都支持允许将一些可重用的代码片段插入到更大的代码片段中的功能。因此，它是一种应用程序的构建块。以这种方式，React 组件将 UI 划分为可重用的部分并返回html。所以它们是 UI 的一种子功能综上所述，什么是 React 组件就很清楚了。它们是 JS 代码与返回 HTML 片段的独立混合。这里 JS 的主要目的是提供业务逻辑并允许创建正确的 HTML，以便可以将其插入dom在 ReactJS 中有两种创建组件的方式：类和函数式组件。
【TypeScript 4.5】008-第 8 章 类
最新发布
weixin_65251013的博客
01-16 996
在一个字段前面加上这个前缀，可以防止我们在构造函数之外对这个字段进行复制getters和setters是我们类里面特殊的一些方法，我们称为访问器/存取器（设置器）派生类也可以覆盖基类的一个字段或者是属性可以使用super.语法范围基类的方法需要注意:javascript类是一个简单的查找对象，他没有超级字段的概念TypeScript强制要求派生类总是他的基类的 一个子类型。
前端TS学习笔记 （JS和TS优劣对比）
m0_58849641的博客
08-05 9732
与TS完美配合，TypeScript已成为大中型前端项目的首先编程语言。最新的ECMAScript语法。减少找BUG，改BUG时间。每个地方都显示标注类型。
TypeScript（数据类型、函数、类、接口、泛型）
qiuzhf
12-27 1127
TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 JavaScript 与 TypeScript 的区别 TypeScript 是 JavaScript 的超集，支持 ECMAScript 6 标准，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一...
boost之日期 时间(date_time)
qq_62309585的博客
09-11 1754
如果把时间想象成一个向前和向后都无限延伸的实数轴，那么时间点就是数轴上的一个点，时间段就是两个时间点之间确定的一个区间，时长(时间长度)则是一个有正负号的标量，它是两个时间点之差,不属于数轴。时间点、时间段和时长三者之间可以进行运算，例如“时间点+时长=时间点”，“时长+时长=时长”“时间段∩时间段=时间段”、“时间点∈时间段”，等等，但有的运算也是无意义的，如“时间点+时间点”、“时长+时间段”，等等。这些运算都基于生活常识，很容易理解，但在编写时间处理程序时必须注意。
ts（typescript） 字类 继承父类 在字类构造函数为啥需要先super()调用 分析
twinkle的博客
01-22 2772
在今天写代码的过程中，我遇到一个这样的问题，字类继承父类为啥需要在字类的构造函数中使用 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 1008
类的简介 构造函数和它的this 继承
用数据分析看共享单车
05-18 1万+
前几天是小文人生中一个非常重要的纪念日，说不上里程碑，但也是非常值得纪念的一个日子，为此，小文骑着“hello bike”奔向庆祝的大道上。有人问，为什么要骑共享单车，那还用说吗？这是情（zhuang）调（bi）懂不懂… 那天之后，小文就想做一个关于共享单车的分析，上kaggle看见有一个数据集---bike sharing，那是美国华盛顿共享单车数据，也是非常适合练手的一个...
TS函数与类
sh2001824的博客
09-09 708
TS函数与类
Ts函数的及方法和类的基本使用
m0_68618659的博客
09-09 2718
匿名函数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函数的类型
热门推荐
Army-海军的博客
07-11 3万+
函数的类型 函数的声明 一个函数有输入和输出，要在 TypeScript 中对其进行约束，需要把输入和输出都考虑到，其中函数声明的类型定义较简单 function sum(x: number, y: number): number { return x + y; } 在调用时，输入多余的（或者少于要求的）参数，是不被允许的 function sum(x: number, y:...
typescript 日历
07-11
我们在构造函数中初始化了 `currentDate` 属性，并提供了获取和设置该属性的方法。 类中还定义了一个 `displayCurrentDate` 方法，用于打印当前日期。 通过实例化 `Calendar` 类，我们可以创建一个日历对象，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值