JavaScript
基本语法
- 大小写敏感
- 标识符
所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。标识符可以是按照下列格式规则组合起来的一或多个字符:
第一个字符只能是字母、下划线( _ )或美元符号( $ )之一;
其他字符可以是字母、下划线、美元符号或数字。
按照惯例,ECMAScript(European Computer Manufacturers Association) 标识符采用 驼峰大小写格式,也就是第一个字母小写,剩下的每个单词的首字母大写,如getNameById
- 注释
- 语句
语句后的分号建议添加,但不必须。
- 关键字
- 变量
ECMAScript 的变量是松散类型的,所谓松散类型就是可以用来保存任何类型(如: String、Number、Boolean以及Object
等)的数据。换句话说,每个变量仅仅是一个用于保存值的占位符而已。
定义变量时要使用 var
操作符(坑!
),后跟变量名(即一个标识符),如下所示: var message;
这行代码定义了一个名为 message
的变量,该变量可以用来保存任何值。
有一点必须注意,即用 var
操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说,如果在函数中使用 var
定义一个变量,那么这个变量在函数退出后就会被销毁。
虽然省略 var
操作符可以定义全局变量,但这也不是我们推荐的做法。因为在局部作用域中定义的全局变量很难维护。那么正确的做法是什么?
操作符
-
一元操作符
++ --
-
布尔操作符
&& || !
-
算术操作符
+ - * / %
-
关系操作符
<> <=>= == === != !==
-
条件(问号)操作符
? :
-
赋值操作符
= += -+ *= /= %=
语句
-
if do-while while for for-in for-of break continue switch
注意,请为语句块添加 {}
,不要吝啬另外, for-of、forEach
能简洁的遍历集合中的元素,如下代码:
函数
函数( function
)对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。
ECMAScript 中的函数在定义时不必指定是否返回值。实际上,任何函数在任何时候都可以通过 return
语句后跟要返回的值来实现返回值。
ECMAScript 函数不介意传递进来多少个参数,也不在乎传进来参数是什么数据类型。
对象Object
对象 Object
是ECMAScript 中使用最多的一个类型。我们常将数据和方法封装在对象中。
创建对象有如下两种方式,我们常用第二种。
虽然 Object
构造函数或对象字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。为解决这个问题,人们开始使用工厂模式的一种变体。
数组Array
除了 Object
之外, Array
类型恐怕是 ECMAScript 中最常用的类型了。
ECMAScript 中的数组与其他多数语言中的数组有着相当大的区别。虽然 ECMAScript 数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,ECMAScript 数组的每一项可以保存任何类型数据。
也就是说,可以用数组的第一个位置来保存字符串,用第二位置来保存数值,用第三个位置来保存对象,以此类推。而且,ECMAScript数据大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。
创建数组有以下两种方法,我们常用第二种。
常用的数组方法如下
- 元素联合
- 堆栈方法
栈是一种 LIFO(Last-In-First-Out,后进先出)的数据结构,也就是最新添加的项最早被移除。而栈中项的插入(叫做推入)和移除(叫做弹出),只发生在一个位置——栈的顶部。
- 队列方法
栈数据结构的访问规则是 LIFO(后进先出),而队列数据结构的访问规则是 FIFO(First-In-First-Out,先进先出)。队列在列表的末端添加项,从列表的前端移除项。
- 反转数组项
- 链接方法
- 分片方法
slice()
,它能够基于当前数组中的一或多个项创建一个新数组。 slice()
方法可以接受一或两个参数,即要返回项的起始和结束位置。
- splice方法
splice()对数组有如下种操作:
- 删除:可以删除任意数量的项,只需指定 2 个参数
- 插入:可以向指定位置插入任意数量的项,只需提供 3 个参数
- 替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数
链式语法
链式语法实际上这是一种非常容易实现的模式。基本上,你只需要让每个函数返回 this
代表包含该函数的对象,这样其他函数就可以立即被调用。看看下面的例子。
闭包
闭包的定义:
闭包是Closure,这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可理解的东西,简而言之,闭包就是:函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。闭包就是就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。
TypeScript
定义:TypeScript是JavaScript类型的超集(当前我们处于ES5),它可以编译成纯JavaScript。
TS配置:
安装好NodeJS后,以管理员身份运行终端,使用npm -g install ts-node typescript
命令进行全局安装如在VS Code中开发,请安装TSLint、TypeScript Hero、Bracket Pair Colorizer
等插件,新建一个.ts后缀的文件,任意写一段JS代码,点击运行试试是否配置成功。
let和const:不使用var,使用let或const申明变量,并加上类型说明,且作用域为块级即以{}为界
解构:将对象、数组中的元素拆分到指定变量中,以方便使用
函数:
使用完整函数类型定义
可选参数
默认参数
剩余参数
必要参数,默认参数和可选参数有个共同点:它们表示某一个参数。 有时,你想同时操作多个参数,或者你并不知道会有多少参数传递进来, 在TypeScript里,你可以把所有参数收集到一个变量里
箭头L:特点:简化函数定义、解决this问题
类CLASS
定义:类是属性(有些什么)和函数(能干什么)的集合,是生成对象(Object)或类实例的模板。(请注意,我们要用的Angular框架大量使用类)
类的定义和使用
类的属性和函数的访问权限:类中的属性和函数都有访问权限,默认为public即全局可访问,其次为protected即可在类的内部和其子类的内部可访问,最后为private,只能在该类内部可访问。
存取器_getter\setter:当在类外部时,建议设置getter和setter操作其private属性,即使public属性也如此。
静态属性:类中的属性或函数有static修饰,则可直接使用而不需要实例化
继承:可以通过extends关键字继承其它类,从而成为其子类
模块Module
定义:对于大型的项目,我们需要使用模块进行管理。每个 .ts 文件就是一个模块,通过 export 来对外部模块暴露元素,通过 import 来引入模块。
在项目文件夹下新建目录modules和文件main.ts,并在modules下新建name.ts和weather.ts文件,如下: