JavaScript和Typescript总结

最新推荐文章于 2025-06-05 21:03:05 发布

qq_51933259

最新推荐文章于 2025-06-05 21:03:05 发布

阅读量613

点赞数

CC 4.0 BY-SA版权

文章标签： javascript typescript

本文链接：https://blog.youkuaiyun.com/qq_51933259/article/details/125686502

本文深入探讨JavaScript，包括其作为客户端脚本语言的角色、用法、变量、操作符、函数、对象和数组。同时，介绍了TypeScript的基本概念、配置、变量声明、解构、函数特性、类、模块管理，强调了其作为JavaScript超集的优势和对ES6及未来版本的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript

1.JavaScript介绍

JavaScript是一门客户端脚本语言，运行在客户端浏览器中，每一个浏览器都有JavaScript解析引擎。
脚本语言：不需要编译，直接就可以被浏览器解析执行。
可以增强用户和html的交互。
ECMAScript是客户端脚本语言的标准。

2.JavaScript用法

1.把js内容写在<script>与</script>之间

2.在<head>中使用<script src="./add.js" type="text/javascript"></script>调用js文件

3.变量

定义变量可以使用var,const,let，由于var在定义变量时，它的作用域只是局部的，也就是说，如果在函数中使用 var 定义一个变量，那么这个变量在函数退出后就会被销毁。所以一般使用const和let来定义变量。

4.操作符

一元操作符 ++ --

布尔操作符 && || ！

算术操作符 + - * / %

关系操作符 <> <=>= == === != !==

条件（问号）操作符 ? :

赋值操作符 = += -+ *= /= %=

三元运算符？：表达式？值1：值2.表达式为真则取值1，表达式为假则取值2.

5.函数

function fun(){ }定义函数。

ECMAScript 函数不介意传递进来多少个参数，也不在乎传进来参数是什么数据类型。也就是说，即便你定义的函数只接收两个参数，在调用这个函数时也未必一定要传递两个参数。
之所以会这样，原因是 ECMAScript 中的参数在内部是用一个数组来表示的。函数接收到的始终都是这个数组，而不关心数组中包含哪些参数（如果有参数的话）。如果这个数组中不包含任何元素，无所谓；如果包含多个元素，也没有问题。

6.对象

在编写代码时，常常会把数据和方法封装在对象中，创建对象有两种方法：

方式一：
var person = new Object();//生成空对象,再来设置对象的属性。

方式二：
var person = {

}
虽然 Object 构造函数或对象字面量都可以用来创建单个对象，但这些方式有个明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。为解决这个问题，人们开始使用工厂模式的一种变体。代码如下：

7.数组array
1、创建：var arr = new Array(元素列表)
var arr = new Array(默认长度)
var arr = new [元素列表]
2、方法：join(参数)：将数组中的元素按指定的分隔符进行分隔。
push( )向数组的末尾添加一个或更多的元素，并返回新的长度。

3.堆栈方法：栈是先进后出，ECMAScript 为数组专门提供了 push() 和 pop() 方法，以便实现类似栈的行为。

4.队列方法：队列是先进先出，实现这一操作的数组方法就是 shift() ，它能够移除数组中的第一个项并返回该项，同时将数组长度减1。

5.ECMAScript 还为数组提供了一个 unshift() 方法。它能在数组前端添加任意个项并返回新数组的长度。反转数组项：也就是将数组倒序遍历。

6.分片方法：slice()，可以输入一个参数或者两个参数，可以从起始位置遍历到终点位置，还是比较便捷。

7.splice() 方法：非常强大，其他对数组的操作，比如修改数组中中间某几个数组元素，则需要先遍历找到他再修改，插入同理。而用splice()方法就可以直接操作

8.删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。例如， splice(0,2) 会删除数组中的前两项。

9.插入：可以向指定位置插入任意数量的项，例如， splice(2,0,'red','green') 会从当前数组的位置 2 开始插入字符串 'red' 和 'green' 。

10.替换：splice (2,1,'red','green') 会删除当前数组位置 2 的项，然后再从位置 2 开始插入字符串 'red' 和 'green'。

8.闭包：函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。当在一个函数内定义另外一个函数就会产生闭包。