JavaScript 基础知识整理

简介

JavaScript 是一种轻量级的脚本语言，用于为网站添加交互性和响应式。它被广泛用于前端开发、后端开发以及移动应用程序开发。

本篇文章将对 JavaScript 的基础知识进行整理，希望可以让初学者快速掌握 JavaScript 的核心概念。

数据类型

JavaScript 中有七种基本数据类型：undefined、null、boolean、number、string、Symbol 和 Object。

其中 undefined 和 null 代表未定义和空值，boolean 表示逻辑上的“真”或“假”，number 表示数字，string表示字符串，Symbol 表示唯一的标识符（ES6 新增），Object 表示对象类型。

以下是一些基本数据类型的使用示例：

// Boolean 类型示例
let a = true;
let b = false;

// Number 类型示例
let c = 3;
let d = 3.14;

// String 类型示例
let e = 'hello';
let f = "world";

// null 类型示例
let g = null;

// undefined 类型示例
let h;

// Symbol 类型示例
let i = Symbol('foo');

// Object 类型示例
let j = { name: '张三', age: 18 };

变量

JavaScript 中的变量可以通过 var、let 和 const 关键字定义。

var 是 ES5 中的定义方式，let 和 const 是 ES6 中的定义方式。其中，let 定义的变量是可以修改的，而 const 定义的变量是不可修改的。

以下是一些变量定义的示例：

// 使用 var 定义变量
var a = 1;

// 使用 let 定义变量
let b = 2;

// 使用 const 定义变量
const c = 3;

运算符

JavaScript 中使用的运算符包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。

以下是一些常见运算符的示例：

// 算术运算符
let a = 10;
let b = 3;
console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);

// 赋值运算符
let c = 5;
c += 2;  // 等价于 c = c + 2
c -= 2;  // 等价于 c = c - 2
c *= 2;  // 等价于 c = c * 2
c /= 2;  // 等价于 c = c / 2

// 比较运算符
let d = 10;
let e = 20;
console.log(d == e);   // 判断 d 和 e 是否相等
console.log(d != e);   // 判断 d 和 e 是否不相等
console.log(d > e);    // 判断 d 是否大于 e
console.log(d >= e);   // 判断 d 是否大于等于 e
console.log(d < e);    // 判断 d 是否小于 e
console.log(d <= e);   // 判断 d 是否小于等于 e

// 逻辑运算符
let f = true;
let g = false;
console.log(f && g);   // 判断 f 和 g 的与运算结果
console.log(f || g);   // 判断 f 和 g 的或运算结果
console.log(!f);       // 取反运算

条件语句

JavaScript 中常用的条件语句包括 if、else、switch 等。

以下是一些条件语句的示例：

// if 语句示例
let a = 10;
if (a > 0) {
  console.log('a 是正数');
} else if (a < 0) {
  console.log('a 是负数');
} else {
  console.log('a 是零');
}

// switch 语句示例
let b = 'apple';
switch (b) {
  case 'banana':
    console.log('b 是香蕉');
    break;
  case 'apple':
    console.log('b 是苹果');
    break;
  case 'orange':
    console.log('b 是橘子');
    break;
  default:
    console.log('b 不是香蕉、苹果或橘子');
    break;
}

循环语句

JavaScript 中常用的循环语句包括 for、while、do...while 等。

以下是一些循环语句的示例：

// for 循环示例
for (let i = 0; i < 10; i++) {
  console.log(i);
}

// while 循环示例
let j = 0;
while (j < 10) {
  console.log(j);
  j++;
}

// do...while 循环示例
let k = 0;
do {
  console.log(k);
  k++;
} while (k < 10);

函数

JavaScript 中的函数可以使用 function 关键字定义。

以下是一个函数的示例：

function add(a, b) {
  return a + b;
}
console.log(add(1, 2));   // 输出 3

整合示例

以下是一个将条件语句和循环语句结合的示例，用于输出 1~100 中的偶数：

for (let i = 1; i <= 100; i++) {
  if (i % 2 == 0) {
    console.log(i);
  }
}

结语

以上是 JavaScript 的基础知识整理。希望这篇文章可以对初学者有所帮助。如果您对 JavaScript 有更深入的了解，可以结合实际项目进行更加复杂的应用。