js基础代码大全

JavaScript是前端开发的核心语言之一，掌握其基础代码对学习者至关重要。本文整理了一系列实用的JS基础代码示例，帮助读者快速上手并巩固知识。

1. 变量和数据类型

JavaScript使用`var`、`let`或`const`声明变量。例如：

```javascript

let name = "Alice";

const age = 25;

var isStudent = true;

```

基本数据类型包括字符串、数字、布尔值、null和undefined。

2. 函数定义和调用

函数用于封装可重用代码。示例：

```javascript

function greet(name) {

return "Hello, " + name + "!";

}

console.log(greet("Bob")); // 输出: Hello, Bob!

```

3. 条件语句

使用`if...else`进行条件判断：

```javascript

let score = 85;

if (score >= 90) {

console.log("优秀");

} else if (score >= 60) {

console.log("及格");

} else {

console.log("不及格");

}

```

4. 循环结构

`for`循环示例：

```javascript

for (let i = 0; i < 5; i++) {

console.log("次数: " + i);

}

```

`while`循环示例：

```javascript

let count = 0;

while (count < 3) {

console.log("计数: " + count);

count++;

}

```

5. 数组操作

数组用于存储多个值。示例：

```javascript

let fruits = ["Apple", "Banana", "Orange"];

fruits.push("Grape"); // 添加元素

console.log(fruits[0]); // 访问第一个元素: Apple

```

6. 对象使用

对象是键值对的集合。示例：

```javascript

let person = {

name: "John",

age: 30,

city: "New York"

};

console.log(person.name); // 输出: John

```

7. DOM操作

JavaScript可以操作HTML元素。示例：

```javascript

// 获取元素并修改内容

document.getElementById("demo").innerHTML = "Hello World!";

// 事件处理

document.querySelector("button").addEventListener("click", function() {

alert("按钮被点击!");

});

```

8. 异步编程

使用`setTimeout`实现延迟执行：

```javascript

setTimeout(() => {

console.log("2秒后执行");

}, 2000);

```

这些基础代码覆盖了JS的核心概念，建议读者通过实践加深理解。随着练习，您将能构建更复杂的应用。记住，编程的关键在于持续尝试和调试。 Happy coding!