锐客网

  1. 首页 > it技术 > >

初识TypeScript一。

?
一.普通变量声明时：
初识TypeScript一。
文章图片
?初识TypeScript一。
文章图片
?
TS中的核心用法离不开 " : " 没错，就是冒号。冒号后面可以直接定义你这个变量的类型，
当你没有定义 变量类型的时候，ts会在你给变量赋值的时候隐式的帮你声明,如下图我并没有声明变量B的类型，却会再我准备给B再次赋值的时候提示我：
初识TypeScript一。
文章图片
?初识TypeScript一。
文章图片
?
二.类（如果你对类的概念还不了解，我的建议是去mdn上补习js 类的相关知识 ）
初识TypeScript一。
文章图片
?
(同理和普通变量一样，你也可以不设定属性类型)
初识TypeScript一。
文章图片
?
ts会帮你自动判断，不过实际情况中并不会省略，在这里只是说明一下可以这样写。
per是person类的实例化对象，person类里面的属性和方法都会在实例化对象per中存在。（儿子继承里爸爸的一些基因不过分吧～）
有一种特殊的情况，当你不想实例化就调用类里的方法或者属性时，可以在person类属性前加上关键字static（静态的）那么这个属性就称为里类独有的属性，简称为类属性。初识TypeScript一。
文章图片
?
那么这时候 name这个属性就不会被"复制"到实例化对象上，你可以暂时理解为是这东西是 爸爸 私有的，不允许 儿子 继承 。
同理 class里也可以定义方法
初识TypeScript一。
文章图片
?
还有es6的剪头函数写法初识TypeScript一。
文章图片
?
都是可以的.
但是聪明的你可能发现了，我在定义类的时候已经把属性写死了，那我new出来的所有实例化对象都具有相同的名字，年龄，方法。那就没什么意义了，我还不如直接声明一个对象来的痛快呢。
这时候迎来一个让初学者闻风丧胆的，这位更是重量级的选手，constructor()构造函数
是不是听见 构造 这两个字就头疼，其实当你理解了它就是那么一回事。
初识TypeScript一。
文章图片
?
说实话，刚开始学习js的时候，看见constructor() 我就害怕，看文档只要看见这个词，我就想翻页。
但是现在不要慌，我带你一步一步分析。
有句老话，一切不以结婚为目的的谈对象都是刷流氓。 在类里面，一切不以实例化为目的的定义类，都是空气！ 怎么理解这句话呢，就像上面的代码，当我new一个实例的时候，并且它也没有静态方法，那么它在代码里是没有存在意义的，可以当成空气。
但是如果我现在new了一个新的实例。
初识TypeScript一。
文章图片
?
没错，我的new就会去寻找这个constructor，它其实就是一个普普通通的函数却又不那么普通罢了。this的指向永远是指向新的实例化的那个对象的，关于this推荐 阮一峰大侠的文档 的解释，小辈属实没有讲解this指向的本领。
你只需要知道我new person 的时候就会去找person类里 的构造函数就好了。
需要注意的是，你new的是一个类，首先要保证的是，你这个类里需要有这两个属性，才可以赋值，你的类是有两部分组成的，1，属性 2，构造函数初识TypeScript一。
文章图片
?
初识TypeScript一。
文章图片
?
这时候ts会提示，你特么都没有这个属性，你让我构造器创造这个属性，你逗我呢？所以正确的写法是下面这种。初识TypeScript一。
文章图片
?
你可能会问，啊，我类里面有属性声明了，我构造器为什么参数还要再写一遍？麻烦死了。
不要问，记住是这样写的就行了。 还有一种情况刚开始的小伙伴很容易迷
初识TypeScript一。
文章图片
?
有的教程里突然在下面来里个方法，就一下子蒙了，刚刚不是还在构造器里设置属性吗？为什么突然跑出去在外面了？我知道你都疑惑肯定是为什么 call方法不能写在构造器里呢？这样不也就是相当于给实例对象新的方法吗？
你要记住，你new的时候是调用constructor，你方法写在这里面相当于你让构造器给你执行了，并不是你在给new的实例赋予这个方法。懂了吧。什么？你还不明白，好，我给你换一种写法
初识TypeScript一。
文章图片
?
懂了吗？其实方法是等价于写到这里的。
不过一般都是方法写在构造器下面，构造器只是赋予实例化对象属性值的。

【初识TypeScript一。】?

    推荐阅读


    上一篇：321，京东言犀×NLPCC 2022挑战赛开赛！

    下一篇：关于二维DP————站上巨人的肩膀