JS TS总结

JS&TS学习总结
JS
<script>标签
JavaScript应该放在<script>里面
也可以将js写在外部文件里面通过引用来使用，注意后缀要改成.js
js一共有三种书写方式
第一种是内嵌到script里面
比如 <script>alert(‘click!’)</script>
第二种是嵌入到html文件里面
<div> <input type=“button” value=“click” οnclick=“alert(‘click!’)”> </div>
第三种是引用外部的js
比如 <script>src=“1.js”</script>
消息打印
alert(“hello”)
confirm(“sure?”)
console.log(“日志输出”):日志是调试程序的重要方式
JS语法
变量
var是存储数据的容器，比如var x = 5
变量只能以$,_,字母开头
let和var的区别
let和var的区别：

在较旧的JavaScript，使用关键字 var 来声明变量 ，而不是 let。
var 现在开发中一般不再使用它，只是我们可能在老版程序中看到它。
let 为了解决 var 的一些问题。
算术运算符
数字可以有很多操作，比如，乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。

数学运算符也叫算术运算符，主要包括加、减、乘、除、取余。

数据类型
除了数字，还有字符串类型，常常用""或者’'包裹起来，被识别成字符串来处理
比如var name = ‘mary’
检测数据类型
可以通过typeof来测试
typeof 运算符可以返回被检测的数据类型。它支持两种语法形式：
作为运算符： typeof x
函数形式： typeof(x)
 

TS
数值:let num: number = 1
字符串:let name: string = ‘kelly’
Null、Undefined
let un: undefined = undefined
let nu: null = null
任意值Any
let name: any = ‘111’
数组类型
类型+[] let arr: number[] = [1, 2, 3]
数组泛型 let arr: Array = [1, 2, 3]
也可以不限制类型 let arr: any[] = [1, ‘str’, false]
枚举
枚举（Enum）类型用于取值被限定在一定范围内的场景，枚举使用 enum 关键字来定义,枚举成员会被赋值为从0开始递增的数字，同时也会对枚举值和枚举名进行反向映射 比如:

enum Color {
blue,
yellow,
red,
green
}
函数类型
指定返回值类型
function fn(): boolean{
return true;
}
function fn(): boolean | string{
return true;
}
void用来表示空，以函数为例，就表示没有返回值的函数
function fn(): void{
}
never 表示永远不会返回结果
function fn(): never{
throw new Error(‘报错了!’);
}
类（class）
类就像是对象的模型，程序中根据类创建指定类型的对象。
定义类：
class 类名{
属性名：类型；
constructor(参数：类型){
}
}

使用class关键字来定义一个类,
对象中包含了两个部分:属性以及方法

继承
例子如下: Dog extends Animal

此时，Animal被称为父类，Dog被称为子类
使用继承后，子类将会拥有父类所有的方法和属性
通过继承可以将多个类中共有的代码写在一个父类中，
这样只需要写一次即可让所有子类都同时拥有父类中的属性和方法
如果希望在子类中添加一些父类中没有的属性或者方法，可以直接在子类添加
如果在子类中添加了和父类相同的方法，子类方法会覆盖掉继承过来的父类的方法