深入浅出 JavaScript 示例283

JavaScript 是一种强大的编程语言，广泛用于构建交互式 Web 应用程序。为了加深对 JavaScript 的理解，我们整理了一系列代码示例，涵盖基本概念到高级功能。

基本概念

变量和常量
// 声明变量
let name = "John Doe";
// 声明常量
const PI = 3.14;

数据类型
(typeof 10); // "number"
(typeof "Hello"); // "string"
(typeof true); // "boolean"

操作符
// 算术操作符
(5 + 3); // 8
(10 - 5); // 5
// 比较操作符
(5 == 3); // false
(5 === 3); // false

函数

函数声明
function greet(name) {
("Hello, " + name + "!");
}

函数调用
greet("John Doe"); // 输出: "Hello, John Doe!"

对象

对象创建
const person = {
name: "John Doe",
age: 30,
occupation: "Software Engineer"
};

对象访问
(); // "John Doe"

数组

数组创建
const fruits = ["Apple", "Banana", "Orange"];

数组访问
(fruits[0]); // "Apple"

事件处理

添加事件监听器
const button = ("myButton");
("click", function() {
alert("Button clicked!");
});

条件语句

If 语句
if (age >= 18) {
("You are an adult.");
}

Switch 语句
switch (fruit) {
case "Apple":
("You chose Apple.");
break;
case "Banana":
("You chose Banana.");
break;
default:
("Invalid choice.");
}

循环

For 循环
for (let i = 0; i < 10; i++) {
(i);
}

While 循环
while (age < 18) {
("You are not an adult yet.");
age++;
}

异步编程

Promise
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve("Promise resolved!");
}, 1000);
});
((result) => {
(result); // 输出: "Promise resolved!"
});

Async/await
async function getData() {
const response = await fetch("/api");
const data = await ();
(data);
}
getData();

这些 JavaScript 示例涵盖了该语言的基本和高级特征。通过练习这些示例，您可以提高 JavaScript 编程技能，并开发出强大的交互式 Web 应用程序。

2024-12-02

上一篇：JavaScript 日历：完整指南

下一篇：JavaScript 参考手册