JavaScript零基础入门速通（上）

1. JavaScript 简介

2. JavaScript 的运行环境

2.1 浏览器端

2.2 服务器端（Node.js）

3. JavaScript 基础语法

3.1 变量声明

3.2 数据类型

3.3 运算符

3.3.1 算术运算符

.3.2 比较运算符

3.3.3 逻辑运算符

3.4 控制流

3.4.1 条件语句

3.4.2 循环语句

JavaScript（简称 JS）是现代网页开发中不可或缺的编程语言之一。它为网页增加了动态交互性，是一种前端编程语言，用于处理网页上的各种用户行为，如按钮点击、表单提交、页面加载等。它的强大不仅体现在浏览器端，也可以通过 Node.js 在服务器端运行。本文将详细介绍 JavaScript 的基础知识，帮助你从零开始掌握这门语言。

1. JavaScript 简介

JavaScript 最早由 Netscape 公司的 Brendan Eich 于 1995 年开发，最初被称为 LiveScript，后来更名为 JavaScript。它是一种轻量级的、解释型的编程语言，广泛应用于网页前端开发中。虽然名字中有 "Java" 一词，但 JavaScript 与 Java 并无直接关系，它们是两种完全不同的编程语言。

JavaScript 被设计用来与 HTML 和 CSS 协作，动态地修改网页内容、响应用户操作并与服务器通信。随着技术的发展，JavaScript 已经从浏览器端扩展到服务器端、桌面应用和移动端开发，成为一门全栈编程语言。

2. JavaScript 的运行环境

JavaScript 主要在两种环境中运行：

2.1 浏览器端

浏览器是最常见的 JavaScript 运行环境。现代浏览器（如 Google Chrome、Mozilla Firefox、Microsoft Edge 等）都内置了 JavaScript 引擎（例如 Google Chrome 的 V8 引擎），能够执行 JavaScript 代码并实时处理网页的动态效果。

你可以在 HTML 文件中通过 <script> 标签嵌入 JavaScript 代码，浏览器会自动执行这些代码。例如：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JavaScript 示例</title>
</head>
<body><h1>欢迎来到 JavaScript 的世界!</h1><script>alert("Hello, World!"); // 弹出提示框</script>
</body>
</html>

在这个例子中，当页面加载时，浏览器会执行 JavaScript 代码，并弹出一个 "Hello, World!" 的提示框。

2.2 服务器端（Node.js）

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript。借助 Node.js，JavaScript 可以用来处理 HTTP 请求、文件系统操作、数据库交互等任务，甚至可以构建完整的服务器应用程序。

Node.js 是使用 JavaScript 编写服务器端代码的流行选择，使得前后端开发者都能用同一语言进行开发。

3. JavaScript 基础语法

3.1 变量声明

在 JavaScript 中，变量是用来存储数据的容器。可以使用三种关键字来声明变量：var、let 和 const。

var: 在 ES5 及之前的版本中使用，声明的变量可以在整个函数范围内访问，存在变量提升的现象。
let: ES6 引入的变量声明方式，具有块级作用域，不会发生变量提升。
const: 用于声明常量，声明后无法重新赋值，同样具有块级作用域。

示例：

var name = "Alice";  // 使用 var 声明变量
let age = 25;        // 使用 let 声明变量
const birthYear = 1998;  // 使用 const 声明常量

3.2 数据类型

JavaScript 中的基本数据类型包括：

字符串 (String): 用于表示文本数据。
数字 (Number): 用于表示整数和浮动小数。
布尔值 (Boolean): 用于表示 true 或 false。
undefined: 变量声明但未赋值时的默认值。
null: 表示“无”或“空”值。
对象 (Object): 用于存储多个值的容器。
数组 (Array): 特殊类型的对象，用于存储有序的数据。

示例：

let message = "Hello, World!";  // 字符串
let num = 42;                   // 数字
let isActive = true;            // 布尔值
let person = { name: "Alice", age: 25 };  // 对象
let numbers = [1, 2, 3, 4];    // 数组

3.3 运算符

JavaScript 支持多种运算符，如算术运算符、比较运算符和逻辑运算符等。

3.3.1 算术运算符

常见的算术运算符包括 +、-、*、/、%（取余）、++（自增）、--（自减）。

let a = 5;
let b = 2;
console.log(a + b);  // 输出 7
console.log(a - b);  // 输出 3
console.log(a * b);  // 输出 10
console.log(a / b);  // 输出 2.5
console.log(a % b);  // 输出 1

.3.2 比较运算符

比较运算符用于比较两个值。常见的比较运算符包括 ==、===、!=、!==、>、<、>=、<=。

==（相等）: 比较两个值是否相等，忽略数据类型。
===（严格相等）: 比较两个值是否相等，且数据类型也必须相同。

console.log(5 == '5');  // 输出 true (忽略数据类型)
console.log(5 === '5'); // 输出 false (数据类型不同)
console.log(10 > 5);    // 输出 true

3.3.3 逻辑运算符

逻辑运算符用于处理布尔值。常见的逻辑运算符有 &&（与）、||（或）和 !（非）。

let x = true;
let y = false;
console.log(x && y);  // 输出 false (与运算)
console.log(x || y);  // 输出 true (或运算)
console.log(!x);      // 输出 false (非运算)

3.4 控制流

JavaScript 提供了多种控制流语句来决定代码的执行顺序，包括 if、else、for、while 等。

3.4.1 条件语句

if 和 else 用于根据条件执行不同的代码。

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

3.4.2 循环语句

循环语句用于重复执行一段代码。常见的循环语句有 for 和 while。

for (let i = 0; i < 5; i++) {console.log(i);  // 输出 0, 1, 2, 3, 4
}let j = 0;
while (j < 5) {console.log(j);  // 输出 0, 1, 2, 3, 4j++;
}

结语

在本文中，我们介绍了 JavaScript 的基础概念和语法，包括变量声明、数据类型、运算符和控制流语句。掌握这些基本知识是学习 JavaScript 的第一步。

各位小伙伴还在BOSS直聘hr已读不回？！试试这个宝藏小程序！大家快看这里。

创作不易，各位帅气漂亮的小伙伴点个关注再走呗！！