JavaScript笔记

找时间重启这个项目

先插一嘴

js的异步函数：

示例：

(async () => {
    const response = await fetch(getString(210));
    const { instance } = await WebAssembly.instantiate(await response.arrayBuffer());
    exports = instance.exports;
})();

---

解析

(async () => {...})

自执行的异步函数。使用 async 关键字定义一个异步函数，使得可以在函数内部使用 await 关键字来处理异步操作。这个函数会立即执行。

• () => {...}：这是一个箭头函数的定义，表示函数体内的代码将在函数被调用时执行。
• ()：外层的括号用于将箭头函数包裹起来，以便立即执行。

Q：什么是自执行的异步函数？

• 自执行的异步函数（Immediately Invoked Async Function Expression，IIFE）是一种在 JavaScript 中定义并立即执行的异步函数。它结合了异步函数的特性和自执行函数的特性，允许你在定义函数的同时立即运行它。自执行的异步函数是一种强大的工具，允许开发者在 JavaScript 中以更清晰和结构化的方式处理异步操作，同时避免全局作用域的污染。
  作用

  自执行的异步函数的主要作用包括:

  • 封装作用域：它创建了一个新的作用域，避免了全局命名冲突。函数内部定义的变量不会污染全局作用域。
  • 异步操作：可以在函数内部使用 await 关键字，方便地处理异步操作，比如网络请求、文件读取等。
  • 立即执行：在定义后立即执行，适合于需要立即运行的初始化代码。

---

const response = await fetch(getString(210));

• const response = ...：定义一个常量 response，用于存储从网络请求中获取的响应。
• await fetch(...)：使用 fetch 方法发起一个网络请求。fetch 是一个用于请求资源的异步函数，返回一个 Promise 对象。
• getString(210)：调用 getString 函数，传入参数 210，该函数返回一个字符串，通常是一个 URL。这个 URL 是从混淆的字符串数组中获取的。
• • await：在这里，await 关键字用于等待 fetch 操作完成，并将结果赋值给 response。这意味着代码会在这一行暂停，直到网络请求完成。

---

exports = instance.exports;

• exports = ...：将 instance 对象的 exports 属性赋值给全局变量 exports。exports 是 WebAssembly 模块导出的接口，允许 JavaScript 代码调用 WebAssembly 模块中的函数和变量。
• instance.exports：这是 WebAssembly 模块实例的导出对象，包含了模块中定义的所有可供外部调用的函数和变量。

---

异步执行逻辑

定义异步函数获取数据
在定义异步函数之后定义其他函数
定义回调函数获取数据。。。

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

JavaScript 变量

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：

<script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>

JavaScript语言有多种类型的运算符：

类型	实例	描述
赋值，算术和位运算符	= + - * /	在 JS 运算符中描述
条件，比较及逻辑运算符	== != < >	在 JS 比较运算符中描述

JavaScript 关键字

abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16; // Number 通过数字字面量赋值
var points = x * 10; // Number 通过表达式字面量赋值
var lastName = "Johnson"; // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"]; // Array 通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"}; // Object 通过对象字面量赋值