我今天在这次开发者之旅中学到的 JavaScript 基础知识

JavaScript 基础速览

本文涵盖JavaScript的核心概念，包括数据类型、变量、运算符、条件语句和循环结构。

JavaScript 简史

最初，开发者需要一种能增强浏览器功能的脚本语言。然而，早期代码的浏览器兼容性差，导致了ECMAScript (ECMA 脚本) 的出现，它定义了一套浏览器编码规则。但由于兼容性问题，ES6（ECMAScript 2015）应运而生，对规则进行了改进。JavaScript 的发展历程大致为：Mocha (1995) → LiveScript (1996) → JavaScript (至今)。在早期，浏览器仅支持CSS和HTML。当时主要的浏览器只有Internet Explorer和Netscape Navigator。

JavaScript 基础知识详解

1. 数据类型 (值)

JavaScript 的数据类型包括：

• 数字 (Number)：整数和小数，例如 1、6.4。
• 字符串 (String)：例如 "leya"。
• 数组 (Array)：包含索引和值的集合。使用索引访问数组元素。
• 对象 (Object)：包含键值对的集合。使用点符号访问对象属性。例如：let bankaccount = { fname: 'leya', lname: '麦克林', 手机号码: 989372 }; console.log(bankaccount.lname);

2. 变量

变量用于存储值。JavaScript 提供三种声明变量的方式：

• var：较旧的方式，应尽量避免使用。
• let：用于声明可修改的变量。
• const：用于声明常量，值一旦赋值不可更改。

示例：

let bankAccount = { fname: 'leya', lname: '麦克林', accountNumber: 1234567890 };
console.log(bankAccount.fname); // 使用模板字面量输出： console.log(`我的名字是 ${bankAccount.fname}`);

3. 运算符

运算符用于执行计算和比较操作。常见的运算符包括：

• 赋值运算符 (=)
• 算术运算符 (+, -, *, /, %)
• 比较运算符 (>, <, >=, <=, ==, ===)

错误示例：

const accno; // 错误：常量必须在声明时初始化
accno = "45689943";

const accno = 4694647855;
accno = 1345950; // 错误：常量值不可修改

4. 条件语句

条件语句用于根据条件执行不同的代码块。JavaScript 提供以下几种条件语句：

• if...else 语句
• switch...case 语句
• 三元运算符 (condition ? value1 : value2)

5. 循环

循环语句用于重复执行代码块。JavaScript 提供以下几种循环语句：

• do...while 循环
• while 循环
• for 循环

Github
领英
哈希节点