JS基础笔记

简介

JavaScript是一种用于在网页上添加交互性和动态内容的脚本语言。它是前端开发中最常用的语言之一，可以在网页上执行各种操作，例如验证表单、处理事件、动态更新内容等。

变量和数据类型

声明变量

使用var、let或const关键字来声明变量。例如：

var name = "John";
let age = 25;
const PI = 3.14159;

• var关键字声明的变量具有函数作用域。
• let关键字声明的变量具有块级作用域，并且允许重新赋值。
• const关键字声明的变量也具有块级作用域，但其值在声明后不能被修改。

数据类型

JavaScript中的常见数据类型包括：

• 字符串：用于表示文本，可以使用单引号或双引号包裹起来。
• 数字：用于表示数值，包括整数和浮点数。
• 布尔值：用于表示真或假，只有两个可能的值：true和false。
• 数组：用于存储多个值的有序集合。
• 对象：用于存储键值对的集合。
• 空值：用null表示，表示变量没有值。
• 未定义：用undefined表示，表示变量尚未赋值。

控制流程

条件语句

条件语句用于根据条件的真假执行不同的代码块。

• if语句：如果条件为真，则执行代码块。

if (condition) {
  // 在条件为真时执行的代码
} else {
  // 在条件为假时执行的代码
}

• switch语句：根据不同的情况执行不同的代码块。

switch (expression) {
  case value1:
    // 当expression等于value1时执行的代码
    break;
  case value2:
    // 当expression等于value2时执行的代码
    break;
  default:
    // 当expression不匹配任何情况时执行的代码
}

循环语句

循环语句用于多次执行相同或类似的代码块。

• for循环：在指定条件为真时重复执行代码块。

for (初始化; 条件; 更新) {
  // 循环中要执行的代码
}

• while循环：在条件为真时重复执行代码块。

while (条件) {
  // 循环中要执行的代码
}

• do…while循环：先执行代码块，然后再检查条件是否为真。

do {
  // 循环中要执行的代码
} while (条件);

函数

函数是一段可重复使用的代码块，可以接受参数并返回值。

function functionName(parameter1, parameter2) {
  // 函数体内的代码
  return result; // 返回值（可选）
}

对象和属性

对象是一种包含键值对的数据结构，可以用于组织和访问相关的数据和功能。

var person = {
  name: "John",
  age: 25,
  sayHello: function() {
    console.log("Hello!");
  }
};

可以使用点号或方括号访问对象的属性。

var name = person.name; // 使用点号访问属性
var age = person["age"]; // 使用方括号访问属性

DOM操作

DOM（文档对象模型）是网页的编程接口，用于操作网页中的HTML元素。

// 通过id获取元素
var element = document.getElementById("elementId");

// 添加事件监听器
element.addEventListener("click", function() {
  // 在点击事件发生时执行的代码
});

// 修改元素内容
element.innerHTML = "新的内容";

// 修改元素样式
element.style.color = "red";