JavaScript (基础)
JavaScript 基础知识
JavaScript是一种脚本语言，可以用来更改页面内容，控制多媒体，制作图像和动画等等。
JavaScript 引入
修改页面内容
<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JavaScript 入门</title><link rel="stylesheet" href="bujian.css">
</head>
<body><p id="p1">11111</p><script>let a = document.getElementById("p1");a.innerText = "33333";</script>
</body>
</html>
变量与数据类型
声明变量
在JavaScript中，可以使用以下关键字声明变量：
-
let（变量） -
const（常量） -
var（变量）
let a = "sdfsd";
console.log(a); // 打印输出
基本类型
-
undefined 和 null：
-
执行表达式或函数，没有返回结果时，会出现
undefined； -
访问数组不存在的元素或对象不存在的属性时，会出现
undefined； -
定义变量但未初始化时，默认为
undefined。
-
-
string：
let name = 'olderhard'; let age = '21'; let url = `/test?name=${name}&age=${age}`; -
number 和 bigint：
number类型标识的是双精度浮动小数。parseInt("10.5");bigint类型表示大整数（使用n后缀）。let bigNum = 10n; // bigint类型
-
**boolean (Truthy vs Falsy)**：
-
被认为是 Falsy 的值有：
false、null、undefined、0、0n、NaN、""、''、````。 -
其他大部分值均为 Truthy。
-
-
symbol：一种新的基本数据类型，主要用于对象属性的唯一标识符。
对象类型
Function（函数）
-
定义函数：
function add(a, b) {return a + b; } add(1, 2); -
默认参数：
function add(a = 1, b = 2) {return a + b; } -
匿名函数（当作表达式）：
(function (a = 1) {return a; })(10); -
箭头函数：
const arrowFunction = (a = 1) => {return a; }; -
函数是对象：在JavaScript中，函数可以被视为对象，具有属性和方法。
-
作用域：函数定义时，它的作用域已经确定。因此无论函数将来在哪里调用，都能从它的作用域中找到当时的变量。闭包就是指函数能够访问到自己作用域中的变量。
Array（数组）
let arr = [1, 2, 3];
arr[0] = 5; // 修改第一个元素
console.log(arr.length); // 数组长度
for (let i = 0; i < arr.length; i++) {console.log(arr[i]); // 遍历数组
}
- 常用数组方法：
-
push：向数组末尾添加元素。 -
shift：移除数组的第一个元素。 -
splice：添加或删除数组中的元素。 -
join：将数组元素连接成字符串。 -
map、filter、forEach：用于数组的遍历和处理。
-
Object（对象）
-
定义对象：
let obj = {_name: 'olderhard',skill() {console.log(this.name + " 爱敲代码！");},get name() {return this._name;},set name(name) {this._name = name;} }; -
特色：对象的属性和方法可以随时增删。
JSON对象与JS对象的区别
-
本质不同：
-
JSON对象本质上是一个字符串，作为客户端和服务器之间传递数据的一种格式，其属性只是样子货。
-
JS对象是实际存在的对象，可以拥有属性和方法。
-
-
语法细节不同：
-
JSON中只能有
null、true|false、数字、字符串（只能用双引号）、对象、数组。 -
JSON中不能有除以上以外的其他JS对象特性，如方法等。
-
JSON中的属性必须用双引号引起来。
-
JSON字符串与JS对象的转换
-
将 JSON 字符串转换为 JS 对象：
JSON.parse(json字符串); // 返回 JS 对象 -
将 JS 对象转换为 JSON 字符串：
JSON.stringify(js对象); // 返回 JSON 字符串