JavaScript初学者必备速查表

"JavaScript速查表" 这份JavaScript速查表是针对初学者的精华指南，涵盖了Web开发中JavaScript的基础知识。它包含了变量、数组、运算符、函数、循环、条件语句、字符串、正则表达式、数字与数学操作、日期处理、DOM节点以及与浏览器交互等多个关键概念。 ### JavaScript基础知识 包含JavaScript到HTML页面 在HTML中，你可以通过两种方式引入JavaScript代码： 1. 直接在`<script>`标签内编写代码： ```html <script type="text/javascript"> // JS代码放在这里 </script> ``` 2. 引入外部JavaScript文件： ```html <script src="myscript.js"></script> ``` 注释 JavaScript支持单行和多行注释： - 单行注释：`// 这是单行注释` - 多行注释：`/* 这是多行注释 */` 变量 JavaScript中的变量有三种声明方式： 1. `var`：最常见的变量，可重新赋值，但其作用域仅限于定义它的函数内部。在执行时，所有`var`变量都会提升到当前作用域的顶部（变量提升）。 2. `const`：常量，一旦赋值后不可改变，并且在代码中出现之前不能访问。 3. `let`：类似于`const`，但变量可以重新赋值，但不能重新声明。 数据类型 JavaScript是动态类型语言，数据类型包括： - 数字（例如：`var age = 23`） - 字符串（例如：`var a = "in"`） ### 数组 数组是存储多个值的集合，可以这样创建： ```javascript var myArray = [1, "two", 3.14, false]; ``` ### 运算符 JavaScript支持各种运算符，如算术运算符、比较运算符、逻辑运算符和赋值运算符等。 ### 函数 函数是一段可重复使用的代码块，可以接受参数并返回结果。例如： ```javascript function sayHello(name) { console.log("Hello, " + name); } sayHello("World"); // 输出 "Hello, World" ``` ### 循环 循环结构包括`for`循环、`while`循环和`do...while`循环，用于重复执行一段代码。 ### 条件语句 `if...else`语句用于根据条件执行不同代码： ```javascript if (condition) { // 当条件为真时执行的代码 } else { // 当条件为假时执行的代码 } ``` ### 字符串 字符串是字符的序列，可以用单引号或双引号创建： ```javascript var str = "Hello"; var str2 = 'World'; ``` ### 正则表达式 正则表达式用于模式匹配和文本操作： ```javascript var regex = /\d+/; // 匹配一个或多个数字 ``` ### 数字与数学操作 JavaScript提供了各种数学运算符，如加法`+`、减法`-`、乘法`*`、除法`/`和取余数`%`。 ### 日期处理 `Date`对象用于处理日期和时间： ```javascript var today = new Date(); console.log(today.getFullYear()); // 输出当前年份 ``` ### DOM节点 Document Object Model (DOM)允许JavaScript操作HTML元素： ```javascript var element = document.getElementById("myElement"); element.innerHTML = "新的内容"; ``` ### 与浏览器交互 JavaScript可以监听和响应用户的事件，如点击、滚动等： ```javascript document.getElementById("myButton").addEventListener("click", function() { alert("按钮被点击了！"); }); ``` ### 错误处理 错误可以通过`try...catch`语句进行捕获和处理： ```javascript try { // 可能会抛出错误的代码 } catch (error) { console.error(error.message); } ``` 这份速查表是学习JavaScript的基础，提供了快速参考和实践的起点，对于初学者来说非常有用。