js源代码

变量和数据类型

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

var message = "Hello, World!"; // 声明一个变量并赋值
let age = 25; // 使用let声明变量
const pi = 3.14; // 使用const声明常量

JavaScript支持多种数据类型，包括：

• 字符串（String）
• 数字（Number）
• 布尔值（Boolean）
• 空值（Null）
• 未定义（Undefined）
• 对象（Object）
• 数组（Array）
• 函数（Function）

控制结构

JavaScript提供了多种控制结构，如条件语句和循环。

if (age >= 18) {
  message = "You are an adult.";
} else {
  message = "You are not an adult.";
}

for (let i = 0; i < 5; i  ) {
  console.log("Welcome to JavaScript "   i);
}

while (age < 100) {
  console.log("Keep learning JavaScript!");
  age  ;
}

函数

函数是JavaScript中封装代码的一种方式，可以重复调用。

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

greet("Alice"); // 输出: Hello, Alice

对象和数组

对象是JavaScript中存储数据的一种方式，而数组是特殊类型的对象，用于存储有序的数据集合。

var person = {
  name: "Bob",
  age: 30,
  greet: function() {
    console.log("Hello, my name is "   this.name);
  }
};

var numbers = [1, 2, 3, 4, 5];
console.log(numbers[0]); // 输出: 1

事件和DOM操作

JavaScript可以响应用户事件，如点击、按键等，并且可以操作文档对象模型（DOM），以动态修改Web页面的内容和结构。

document.addEventListener('click', function() {
  console.log("Document clicked!");
});

var element = document.getElementById("myElement");
element.innerHTML = "Updated content";

异步编程

JavaScript支持异步编程模式，如回调函数、Promises和async/await。

setTimeout(function() {
  console.log("This message is displayed after a delay.");
}, 1000);

// 使用Promise
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

模块化

随着JavaScript的发展，模块化成为了代码组织的重要部分。ES6引入了模块的概念，允许开发者将代码分割成可重用的模块。

// math.js
export function add(x, y) {
  return x   y;
}

// main.js
import { add } from './math.js';
console.log(add(1, 2)); // 输出: 3

结论

JavaScript是一种功能强大、灵活的编程语言，它不仅是Web开发的核心，还在许多其他领域发挥着重要作用。从基本的语法到高级的异步编程和模块化，JavaScript提供了丰富的特性和工具，使得开发者能够创建出功能丰富、用户友好的应用程序。随着Web技术的不断进步，JavaScript及其生态系统也在不断发展，为开发者提供了更多的可能性。