JavaScript 基本语法

目录

变量声明与赋值

数据类型

控制流程

运算符

条件语句与循环

函数

DOM 操作

总结

---

JavaScript 是一种广泛应用于网页开发的脚本语言，它为网页增添了交互性和动态功能。在学习 JavaScript 之前，我们首先需要了解其基本语法。

变量声明与赋值

在JavaScript中，使用var、let或const关键字声明变量。其中，var是ES5及以前版本的方式，而let和const则是ES6引入的新特性。

• var声明的变量具有函数作用域，可以被提升到函数顶部。例如：

function example() {
    var x = 10;
    console.log(x); // 输出 10
}
console.log(x); // 报错：x is not defined

• let和const声明的变量具有块级作用域，在声明之前无法访问。其中，let声明的变量是可修改的，而const声明的变量是常量，不可修改。例如：

{
    let x = 10;
    const y = 20;
    console.log(x, y); // 输出 10 20
}
console.log(x, y); // 报错：x is not defined，y is not defined

数据类型

JavaScript 中有多种数据类型，包括：

• 字符串（String）：用于表示文本。
• 数字（Number）：用于表示数字。
• 布尔值（Boolean）：用于表示真或假。
• 数组（Array）：用于存储多个值的列表。
• 对象（Object）：用于存储键值对。
• 空值（Null）：表示没有值。
• 未定义（Undefined）：表示一个未定义的变量。

数字类型表示数值，可以是整数或浮点数。

var x = 10; // 整数
var y = 3.14; // 浮点数

字符串类型表示文本数据，使用引号（单引号或双引号）括起来。

var name = 'Alice';
var message = "Hello, World!";

布尔值类型表示逻辑值，只有两个取值：true和false。

var isLogged = true;
var hasPermission = false;

数组类型是一种有序的数据集合，可以存储多个值。

var fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // 输出 apple

对象类型用于存储多个相关的键值对，也称为属性。

var person = {
    name: "Alice",
    age: 25,
    gender: "female"
};
console.log(person.name); // 输出 Alice

控制流程

在JavaScript中，我们可以使用条件语句和循环语句控制程序的执行流程。

• 条件语句通过判断条件的真假来选择性地执行代码块。例如，使用if语句判断条件：

var age = 18;

if (age >= 18) {
    console.log("成年人");
} else {
    console.log("未成年人");
}

• 循环语句允许我们重复执行代码块，例如使用for循环遍历数组：

var fruits = ["apple", "banana", "orange"];

for (var i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

运算符

JavaScript 支持各种运算符，包括：

• 算术运算符：+、-、*、/ 等。
• 比较运算符：==、!=、>、< 等。
• 逻辑运算符：&&、||、! 等。

条件语句与循环

JavaScript 中的条件语句和循环与其他编程语言类似，包括：

• if...else 条件语句：根据条件执行不同的代码块。
• switch 条件语句：根据不同的取值执行相应的代码块。
• for 循环：重复执行一段代码。
• while 循环：在满足条件时重复执行代码。

函数

函数是 JavaScript 中的一个重要概念，它可以封装一段可重复使用的代码。函数的定义和调用如下所示：

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

sayHello("John"); // 输出：Hello, John!

函数可以接收参数，并返回一个值。我们可以使用函数来组织代码，提高代码的可维护性和复用性。

DOM 操作

JavaScript 是网页开发中最常用的脚本语言之一，它可以通过 DOM（文档对象模型）来操作网页的内容。例如，我们可以通过 JavaScript 修改 HTML 元素的样式、内容等。

let element = document.getElementById("myElement");
element.style.color = "red";
element.innerHTML = "Hello, JavaScript!";

总结

以上是 JavaScript 的基本语法概述。通过学习这些基础知识，我们可以开始编写简单的 JavaScript 程序，并逐渐探索更多高级特性和用法。希望这篇博客对你有所帮助！

如果你还有其他关于 JavaScript 的问题，请随时提问。