简介
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";