谈谈JS基础代码集锦（一）

JavaScript入门：基础代码集锦

简介

JavaScript 作为一门功能强大的脚本语言，在构建交互式网页和应用程序方面发挥着举足轻重的作用。为了帮助你踏上 JavaScript 入门之旅，我们将为你提供一系列基础代码集锦，涵盖从变量到事件监听等关键概念。

变量

变量用于存储数据，在 JavaScript 中使用 var、let 或 const 声明变量。变量名由字母、数字、下划线和美元符号组成，但不能以数字开头。变量名区分大小写，因此 "name" 和 "NAME" 是不同的变量。

数据类型

JavaScript 中的数据类型包括字符串、数字、布尔值、数组和对象。字符串由字符序列组成，数字可以是整数或浮点数，布尔值只有 true 和 false 两个值，数组可以存储多个值，而对象则存储键值对。

运算符

运算符用于执行数学和逻辑运算。算术运算符包括 +、-、*、/、% 等；比较运算符包括 ==、!=、>、<、>=、<= 等；逻辑运算符包括 &&、||、! 等；赋值运算符包括 =、+=、-=、*=、/= 等。

条件语句

条件语句根据条件结果执行不同的代码块。JavaScript 中的条件语句包括 if 语句、else if 语句和 else 语句。if 语句如果条件为 true，则执行 if 语句块；else if 语句如果 if 语句条件为 false，则执行 else if 语句块；else 语句如果所有 if 和 else if 语句条件都为 false，则执行 else 语句块。

循环语句

循环语句用于重复执行代码块。JavaScript 中的循环语句包括 for 循环、while 循环和 do-while 循环。for 循环用于循环遍历数组或对象；while 循环用于循环执行代码块，直到条件为 false；do-while 循环用于循环执行代码块，至少执行一次。

函数

函数是可重用的代码块，可以接受参数并返回一个值。例如，以下函数计算两个数字的和：

function sum(a, b) {
  return a + b;
}

对象

对象是存储键值对的数据结构。键是一个字符串，而值可以是任何数据类型。例如，以下对象表示一个人的信息：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

数组

数组是存储多个值的数据结构。数组中的值可以使用索引访问。例如，以下数组包含一组数字：

const numbers = [1, 2, 3, 4, 5];

事件

事件是用户与网页交互时触发的动作，例如点击、鼠标悬停、键盘输入等。我们可以使用 JavaScript 监听事件，并执行相应的代码。例如，以下代码监听按钮点击事件，并在控制台输出 "Hello, world!"：

document.getElementById("button").addEventListener("click", function() {
  console.log("Hello, world!");
});

代码示例

现在，让我们用一个简单的代码示例来演示这些概念：

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

sayHello("John Doe"); // 输出结果为 "Hello, John Doe!"

这个代码示例演示了如何定义一个函数并调用它。函数 sayHello() 接受一个参数 name，并在控制台输出 "Hello, " + name + "!"。

常见问题解答

1. JavaScript 中有多少种数据类型？
JavaScript 中有 5 种基本数据类型：字符串、数字、布尔值、数组和对象。

2. 如何在 JavaScript 中声明变量？
使用 var、let 或 const 关键字声明变量。

3. JavaScript 中的循环语句有哪些？
JavaScript 中的循环语句有 for 循环、while 循环和 do-while 循环。

4. 如何监听 JavaScript 中的事件？
使用 addEventListener() 方法监听事件。

5. 如何在 JavaScript 中定义函数？
使用 function 关键字定义函数。