JavaScript & TypeScript 学习总结

最新推荐文章于 2022-09-25 02:33:22 发布

weixin_54947958

最新推荐文章于 2022-09-25 02:33:22 发布

阅读量140

点赞数

文章标签：大数据 javascript typescript

本文链接：https://blog.csdn.net/weixin_54947958/article/details/125669945

版权

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申明变量，并加上类型说明，且作用域为块级即以{}为界

解构：将对象、数组中的元素拆分到指定变量中，以方便使用