基础语法扫盲 | 原生JS基础到进阶

编写于2025年05月11日   修订于2025年06月03日

正文

变量和常量

• 可以先使用，后声明（不合理）；
• var声明过的变量可以重复声明（不合理）；
• 比如变量提升、全局变量、没有块级作用域等；

变量提升

• var：存在变量提升，可以在声明前访问，但值为 undefined。
• let 和 const：虽然也会提升，但在声明语句执行前处于 “暂时性死区”（TDZ），访问会抛出 ReferenceError。

建议

• 优先使用 const：对于不需要重新赋值的变量，始终使用 const，这有助于提高代码的安全性和可维护性。
• 其次使用 let：对于需要重新赋值的变量，使用 let，避免使用 var。
• 避免使用 var：由于 var 的作用域和变量提升特性容易导致意外行为，应尽量避免使用。

字符串

单引号、双引号、反引号，推荐单引号。

模板字符串：拼接字符串和变量（必须用反引号）

`我今年${age}岁`

null、undefined

如果一个变量确定要赋值为一个对象，那么可以先用null来初始化。

类型检测

console.log(typeof obj);

类型转换

Number('1')
parseInt('1.1')
parseFloat('1.1')

断点调试

右键点击浏览器页面 → 检查 → Sources → 找到要打断点的源码 → 找到要打断点的行数，在行号前边点击打断点 → 刷新浏览器页面

可以点击这些按钮进行调试。

数组操作

// 新增
arr.push(元素1, 元素2, ......元素n);  // 将一个或者多个元素添加到数组末尾，并返回新数组的长度。
arr.unshift(元素1, 元素2, ......元素n);  // 将一个或者多个元素添加到数组开头，并返回新数组的长度。

// 删除
arr.pop();  // 从数组中删除最后一个元素，并返回该元素的值。
arr.shift();  // 从数组中删除第一个元素，并返回该元素的值。
arr.splice(start, delCount);  // start：要删除的元素的第一个位置（从0开始计数） delCount：删除元素的个数，可以省略，省略时删除到结尾。

具名函数、匿名函数

function fn () {}

function () {}，匿名函数无法直接使用，有两种使用方式：

1. 函数表达式：let fn = function () {}，使用方法：fn();
2. 立即执行：(function () {})()，无需调用，立即执行。

对象

定义方式：

1. let obj = {};，数组的定义方式是：let arr = [];
2. let obj = new Object();，对应数组是：let arr = new Array();

对象由两部分组成，一部分是属性，另一部分是方法。

let obj = {
    attr1: 'aaa',
    attr2: function () {}
}

遍历对象

for (let k in obj) {
    console.log(obj.k);
}

内置对象Math

• random：生成0-1之间的随机数，包含0，不包含1；
• ceil：向上取整；
• floor：向下取整；
• max：找最大数；
• min：找最小数；
• pow：幂运算；
• abs：绝对值；
• round：四舍五入；

参考

学习视频是b站《黑马程序员前端JavaScript入门到精通全套视频教程》。

更多信息可参考权威网站。

相关文章

后一篇：web APIs学习 | 原生JS基础到进阶