JavaScript&TypeScript学习笔记-----自用！！！

JavaScript部分：

1. 初识JS

JS是一种运行在客户端的脚本语言

作用领域：

密码表单检测

网页特效

服务端开发

桌面程序

app

控制硬件

游戏开发

    1-ECMAScript 2-DOM文档模型 3-BOM浏览器模型

1. JS书写位置体验

内嵌式：

<script>

        alert('沙漠骆驼');

</script> -->

外部js：

<script src="my.js">外部时，这里不能写任何代码</script> -->

行内式：

<input type="button" value="唐伯虎" οnclick="alert('秋香')">

alert是弹出框的意思

onclick是点击

1. JS注释

单行注释 ctrl + /

多行注释

默认快捷键 shift + alt + /

快捷方式可以在左下角设置中进行修改

1. JS的输入和输出

这是一个输入框：

        prompt('请输入您的年龄');

弹出警示框：

        alert('计算的结果是');

console 浏览器控制台输出的信息 console控制台 log日志

        console.log('这是程序员能看到的，在网页检查面板中找到console');

1. 变量

声明了一个age变量

        var age;

赋值 把值存入变量中

        age = 18;

输出结果

        prompt(age);

变量的初始化

        var myname='钟文慧';

        console.log(myname);

展示输入的内容

        var csd=prompt('请输入您的话');

        console.log(csd);

变量是一个装数据的容器

用var来声明变量 （variable）

例如var age;

尽量不要用name作为变量名。

1. 数据类型

变量的数据类型是动态的

是根据等号后面的值来判断的,只有在运行中才能知道其类型

程序里面,数字前面加0表示八进制

数字前面加0x就是表示十六进制

1-数字型的最大值

alert(Number.MAX_VALUE);

2-Infinity无穷大.-Infinity无穷小

非数字的NaN

isNaN()用于判断是否非数字,如果为数字返回true,不是返回false

字符串型,(外双内单,外单内双),用转义符

var str="我的名字叫'zwh'";

var str='我的名字叫"zwh"';

模板字符串 外面用‘ ’ 里面${变量名}

类型转换：

隐式转换

显示转换

1. 运算符

赋值运算符

=

+=

自增运算符（一元运算符）

前置自增

后置自增

比较运算符

 字符串比较是比较对应字符的ASCII码，涉及到NaN都是false

逻辑运算符以及优先级

&&：一假则假

||：一真则真

！：真变假，假变真

1. 循环

 for (初始化变量; 条件表达式; 操作表达式) {循环体}

双重for循环：

for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式) { for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) {执行语句;}}

外层循环循环一次， 里面的循环执行全部。

While循环：while{ }

Do while循环：

do {

        } while (条件表达式)

1. 数组

利用new 创建数组

利用数组字面量创建数组 []

获取数组元素  格式 数组名[索引号]  索引号从 0开始

遍历数组：就是把数组的元素从头到尾访问一次。

10、函数

函数名（）；

unction 函数名(形参1,形参2...){ }        

形参的默认值为undefined

Return终止函数

TypeScript部分

类型注解：

格式ex：number

原始类型：

number/string/Boolean/null/undefined/symbol

对象类型：

object等

联合类型：

通过联合类型将多个类型组合成一个类型，JS:||,TS:|

函数类型：

单独指定参数、返回值的类型；同时指定参数、返回值的类型。可选参数，void型和undefined型。

对象类型：

用类型别名为对象添加类型，

先使用type创建类型别名：

Type person = {

Name:string

sayHello( ):void

}

Let person：person={

Name:’zwh’,

sayHello( ){ }

}

对象类型接口：interface

接口继承：extends

字面量类型：

Let a1=‘TS’

Const a2=‘TS’

则变量a1为string类型，a2为TS类型，TS就是一个字面量类型。

枚举：enum

使用enum关键字定义枚举，以大写字母开头，多值用‘ , ’分割。

1. 数字枚举：枚举成员有默认值0，也可以进行初始化。
2. 字符串枚举，每个枚举成员必须有初始值。