JavaScript 基础核心知识点梳理

注意：JS 中字符串常量可以使用单引号或双引号表示。HTML 中推荐使用双引号，JS 中推荐使用单引号。

注释

• 单行注释 //（建议使用）
• 多行注释 /* */

// 我是单行注释
/* 我是多行注释 */

使用 ctrl + / 切换注释。多行注释不能嵌套，形如 /* /* ... */ */ 的代码会报错。

输入输出

输入：prompt

弹出一个输入框。

// 弹出一个输入框
prompt("请输入您的姓名:");

输出：alert

弹出一个警示对话框，输出结果。

// 弹出一个输出框
alert("hello");

输出：console.log

在控制台打印一个日志（供程序员看）。

// 向控制台输出日志
console.log("这是一条日志");

注意：在 VSCode 中直接输入 log 再按 tab 键，可以快速输入 console.log。需要打开浏览器的开发者工具（F12）=> Console 标签页才能看到结果。这样的输出一般不是给普通用户看的，而是程序员用来调试的。

变量与数据类型

变量的使用

基本用法

创建变量（变量定义/声明/初始化）。

var name = 'zhangsan';
var age = 20;

• var 是 JS 中的关键字，表示这是一个变量。
• = 在 JS 中表示'赋值'，相当于把数据放到内存的盒子中。= 两侧建议有一个空格。
• 每个语句最后带有一个 ; 结尾。JS 中可以省略；但是建议还是加上。注意此处的 ; 为英文分号，JS 中所有的标点都是英文标点。
• 初始化的值如果是字符串，需要使用单引号或者双引号引起来。
• 初始化的值如果是数字，直接赋值即可。

使用变量：

console.log(age); // 读取变量内容
age = 30; // 修改变量内容

代码示例

弹窗提示用户输入信息，再弹窗显示。

var name = prompt("请输入姓名:");
var age = prompt("请输入年龄:");
var score = prompt("请输入分数:");
alert("您的姓名是：" + name);
alert("您的年龄是：" + age);
alert("您的分数是：" + score);

也可以把三个输出内容合并成一次弹窗：

var name = prompt("请输入姓名:");
var age = prompt("请输入年龄:");
var score = prompt("请输入分数:");
alert("您的姓名是：" + name + "\n" + "您的年龄是：" + age + "\n" + "您的分数是：" + score + "\n");

• + 表示字符串拼接。
• \n 表示换行。

JavaScript 中还支持使用 let 定义变量，用法和 var 基本类似。

理解动态类型

1. JS 的变量类型是程序运行过程中才确定的（运行到哪一条语句才会确定类型）。

   var a = 10; // 数字
   var b = "hehe"; // 字符串
   

2. 随着程序运行，变量的类型可能会发生改变。

   var a = 10; // 数字
   a = "hehe"; // 字符串
   

这一点和 C、Java 这种静态类型语言差异较大。C、C++、Java、Go 等语言是静态类型语言，一个变量在创建的时候类型就确定了，不能在运行时发生改变。

基本数据类型

JS 中内置的几种类型：

• number: 数字。不区分整数和小数。
• boolean: true 真，false 假。
• string: 字符串类型。
• undefined: 只有唯一的值 undefined。表示未定义的值。
• null: 只有唯一的值 null。表示空值。

number 数字类型

JS 中不区分整数和浮点数，统一都使用'数字类型'来表示。

数字进制表示

计算机中使用二进制，日常使用八进制和十六进制。

var a = 07; // 八进制整数，以 0 开头
var b = 0xa; // 十六进制整数，以 0x 开头
var c = 0b10; // 二进制整数，以 0b 开头

注意：一个八进制数字对应三个二进制数字，一个十六进制数字对应四个二进制数字。

特殊的数字值

• Infinity: 无穷大，大于任何数字。
• -Infinity: 负无穷大，小于任何数字。
• NaN: 表示当前的结果不是一个数字。

var max = Number.MAX_VALUE; // 得到 Infinity
console.log(max * 2); // 得到 Infinity
console.log(-max * 2); // 得到 -Infinity
console.log('hehe' - 10); // NaN

注意：

1. 'hehe' + 10 得到的不是 NaN，而是 'hehe10'，会把数字隐式转成字符串，再进行字符串拼接。
2. 可以使用 isNaN 函数判定是不是一个非数字。

string 字符串类型

基本规则

字符串字面量需要使用引号引起来，单引号双引号均可。

var a = "haha";
var b = 'hehe';
var c = hehe; // 运行出错

如果字符串中本来已经包含引号咋办？

var msg = "My name is \"zhangsan\""; // 正确，使用转义字符
var msg = 'My name is "zhangsan"'; // 正确，搭配使用单双引号

转义字符

有些字符不方便直接输入，于是要通过一些特殊方式来表示：\n, \\, \', \", \t。

求长度

使用 String 的 length 属性即可。

var a = 'hehe';
console.log(a.length); // 4
var b = "哈哈";
console.log(b.length); // 2

单位为字符的数量。

字符串拼接

使用 + 进行拼接。数字和字符串也可以进行拼接。

var c = "my score is ";
var d = 100;
console.log(c + d); // my score is 100

要认准相加的变量到底是字符串还是数字。

console.log(100 + 100); // 200
console.log('100' + 100); // 100100

boolean 布尔类型

表示'真'和'假'。Boolean 参与运算时当做 1 和 0 来看待。

console.log(true + 1); // 2
console.log(false + 1); // 1

实际开发中不应该这么写。

undefined 未定义数据类型

如果一个变量没有被初始化过，结果就是 undefined。

var a;
console.log(a); // undefined

undefined 和字符串进行相加，结果为字符串拼接。 undefined 和数字进行相加，结果为 NaN。

null 空值类型

null 表示当前的变量是一个'空值'。

var b = null;
console.log(b + 10); // 10
console.log(b + "10"); // null10

注意：null 和 undefined 都表示取值非法的情况，但是侧重点不同。

• null 表示当前的值为空（相当于有一个空的盒子）。
• undefined 表示当前的变量未定义（相当于连盒子都没有）。