JavaScript学习笔记

JavaScript学习笔记

1.概述

JavaScript是一种广泛应用于Web开发的脚本语言，它可以为网页添加动态功能、交互性和用户体验。它是一门弱类型、基于对象的语言。

2.数据类型

JavaScript有以下基本数据类型：

• 字符串（String）
• 数字（Number）
• 布尔值（Boolean）
• undefined
• null

还有一些特殊的数据类型：

• 对象（Object）
• 数组（Array）
• 函数（Function）

3.变量

在JavaScript中，可以使用var、let或const关键字声明变量。

var name = "John";
let age = 25;
const PI = 3.14;
1
2
3

4.操作符

JavaScript支持常见的算术操作符（+、-、*、/）、赋值操作符（=）、比较操作符（>、<、==、===）等。

5.条件语句

JavaScript提供了条件语句来根据某个条件执行不同的代码块。

if (condition) {
  // code block to be executed if the condition is true
} else {
  // code block to be executed if the condition is false
}
1
2
3
4
5

6.循环

JavaScript提供了多种循环语句来重复执行一段代码块，包括for循环、while循环和do-while循环。

for (let i = 0; i < 5; i++) {
  // code block to be executed
}

while (condition) {
  // code block to be executed
}

do {
  // code block to be executed
} while (condition);
1
2
3
4
5
6
7
8
9
10
11

7.函数

函数是一段可重复使用的代码块。JavaScript中可以通过function关键字定义函数。

function greet(name) {
  console.log("Hello, " + name + "!");
}

// 调用函数
greet("John");
1
2
3
4
5
6

8.数组

数组是用于存储多个值的变量。JavaScript中的数组可以包含不同类型的数据，并且长度可以动态改变。

let fruits = ["Apple", "Banana", "Orange"];

// 访问数组元素
console.log(fruits[0]); // 输出 "Apple"

// 修改数组元素
fruits[1] = "Mango";

// 添加新元素
fruits.push("Grapes");

// 数组长度
console.log(fruits.length); // 输出 4
1
2
3
4
5
6
7
8
9
10
11
12
13

9.对象

对象是一种复杂的数据类型，用于存储多个键值对。JavaScript中的对象是无序的，每个键都是唯一的。

let person = {
  name: "John",
  age: 25,
  gender: "Male"
};

// 访问对象属性
console.log(person.name); // 输出 "John"

// 修改对象属性
person.age = 30;

// 添加新属性
person.city = "New York";
1
2
3
4
5
6
7
8
9
10
11
12
13
14

10.DOM操作

DOM（文档对象模型）是JavaScript操作网页元素的接口。通过DOM，可以实现动态地修改HTML、CSS和事件处理。

// 获取元素
let element = document.getElementById("myElement");

// 修改元素内容
element.innerHTML = "Hello, World!";

// 添加事件监听器
element.addEventListener("click", function() {
  // 处理点击事件
});
1
2
3
4
5
6
7
8
9
10

以上只是JavaScript学习的一小部分内容，掌握了这些基础知识后，可以进一步学习函数、闭包、异步编程等更高级的概念和技术。