Javascript 面试题随笔-javascript技巧

1. 数据类型和类型转换

JavaScript 拥有动态类型，这意味着你可以改变一个变量的类型而无需预先声明，JavaScript 有以下几种数据类型：Undefined、Null、Boolean、Number、String、Symbol、Object 和 BigInt。

类型转换

JavaScript 提供了多种方式进行类型转换，包括显式转换（使用 Number, String, Boolean 等函数）和隐式转换（使用一元操作符，如 +、-、!、===、==、<、> 等）。

 let num = '123'; let num2 = Number(num); // 显式转换 let num3 = +num; // 隐式转换

2. 函数和作用域

JavaScript 的函数可以作为对象处理，并且可以作为参数传递给其他函数，这使得 JavaScript 支持高阶函数。

 function add(x, y) {     return x + y; } function apply(fn, args) {     return fn.apply(null, args); } console.log(apply(add, [1, 2])); // 输出: 3

3. 闭包

在 JavaScript 中，函数可以访问其词法作用域之外的变量，这就是所谓的闭包。

 function outer() {     let count = 0;     return function inner() {         count++;         return count;     } } let counter = outer(); console.log(counter()); // 输出: 1 console.log(counter()); // 输出: 2

4. Promise 和 async/await

Promise 是 JavaScript 中处理异步操作的一种方式，async/await 是基于 Promise 的语法糖，使异步代码看起来更像同步代码。

 function fetchData() {     return new Promise((resolve, reject) => {         setTimeout(() => resolve('data'), 1000);     }); } async function processData() {     let data = await fetchData();     console.log(data); // 输出: 'data' } processData();

5. 相关问题与解答

Q1: 在 JavaScript 中，如何实现深拷贝？

A1: 你可以使用 JSON.stringify 和 JSON.parse 方法来实现深拷贝，但是这种方法不能处理循环引用和特殊对象类型（如 Date、RegExp、Map、Set），对于这些情况，你可能需要使用库（如 lodash 的 cloneDeep 方法）或者自己实现深拷贝函数。

 let obj = { a: 1, b: { c: 2 } }; let deepCopy = JSON.parse(JSON.stringify(obj)); deepCopy.b.c = 3; console.log(obj.b.c); // 输出: 2 console.log(deepCopy.b.c); // 输出: 3

Q2: 在 JavaScript 中，什么是事件冒泡和捕获？

A2: 事件冒泡是指当一个事件发生时，它首先在最内层的元素上触发，然后逐级向上传播到父元素，事件捕获则是相反的过程，它从最外层的元素开始，然后逐级向下传播到子元素，在 JavaScript 中，事件对象有两个方法可以用来阻止冒泡和捕获：stopPropagation 和 stopImmediatePropagation。

以上内容就是解答有关“Javascript 面试题随笔-javascript技巧”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。