10个棘手的用于面试的JavaScript代码段

email: ‘shoaib.mehedi@gmail.com’

}

copy: {

father: ‘MD’,

age: 26,

email: ‘shoaib.mehedi@gmail.com’

}

为什么？

---

Object.assign和传播操作符都进行浅表复制。 这意味着我们复制了第一级对象。

我们之前使用的代码可以这样写Object.assign：

const user = {

name: “Shoaib”,

info: {

father: “Ali”,

age: 26,

email: “shoaib.mehedi@gmail.com”

},

};

const copy = Object.assign({}, user);

copy.info.father = “MD”;

console.log("original: ", user.info);

console.log(“copy:”, copy.info);

2、 JavaScript吊装

===================

预测以下代码的输出：

var name = “shoaib”;

var age = 26

var info = function () {

console.log(name);

console.log(age);

var name = 20;

};

info();

输出

–

undefined

26

为什么？

---

代码段的输出不是shoaib和20，结果为undefined和26，这是由于JavaScript中的吊装而导致的。

我们再将上面的代码转换一下，如下：

var name = “shoaib”;

var age = 26

var info = function () {

var name;

console.log(name);

console.log(age);

name = 20;

};

info();

3、值分配

=========

function assign() {

var numOne = numTwo = 10;

}

assign();

console.log(‘numTwo’, typeof numTwo === ‘undefined’);

console.log(‘numOne’, typeof numOne === ‘undefined’);

输出

–

numTwo false

numOne true

同样，我们可以这样写：

function assign() {

var numOne= (numTwo = 10);

}

为什么？

---

赋值运算符具有从右到左的关联性，这意味着它将从右到左进行求值。这就是为什么numTwo要为其分配值10，然后将其分配给numOne的原因。

4、 JavaScript this

======================

var obj = {

name: “shoaib”,

func: function() {

var self = this;

console.log("outer function: this.name = " + this.name);

console.log("outer function: self.name = " + self.name);

(function() {

console.log("inner function: this.name = " + this.name);

console.log("inner function: self.name = " + self.name);

}());

}

};

obj.func();

输出

–

outer function: this.name = shoaib

outer function: self.name = shoaib

inner function: this.name = undefined

inner function: self.name = shoaib

为什么？

---

外部函数this和self引用obj，因此都可以正确访问该名称。但是内部部分不同。

在这里，this不参考obj。这就是为什么this.name是undefined。但是对局部变量的引用self仍在范围内，并且具有适当的访问权限。

5、JavaScript返回

==================

function funcOne() {

return {

name: “shoaib”,

};

}

function funcTwo() {

return;

{

name: “shoaib”;

}

}

console.log(funcOne());

console.log(funcTwo());

输出

–

{

name: ‘shoaib’

}

undefined

为什么？

---

此处，funcOne成功返回对象，但问题出在funcTwo。仔细看看：funcTwo后面有分号return。这意味着由于分号，这将不会返回任何内容。

6、数字.epsilon

================

console.log(0.1 + 0.2);

console.log(0.1 + 0.2 == 0.3);

输出

–

0.30000000000000004

false

为什么？

这是复杂的。结果可能是0.3且为true，但有可能不是。在JavaScript中，数字均以浮点精度处理，因此可能不会总是产生预期的结果。

解决办法是什么？

JavaScript为此引入了Math.abs。这将帮助你比较两个数字之间的绝对差。

function almostEqual(numOne, numTwo) {

return Math.abs( numOne - numTwo ) < Number.EPSILON;

}

console.log(almostEqual(0.1 + 0.2, 0.3));

7、超时和间隔时间

=============

(function() {

console.log(1);

setTimeout(function(){console.log(2)}, 1000);

setTimeout(function(){console.log(3)}, 0);

console.log(4);

})();

输出

–

1

4

3

2

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】