5个经典JavaScript问题和答案来测试你的技能 _JavaScript常见问题有哪些

文章图片

经典JavaScript问题和答案

今天我们将继续学习我们钟爱的 JavaScript 语言，在这一版中，我们将通过回答一些 JavaScript 小挑战来测试我们的技能。
尽管我会在每个问题的结尾给出答案，但请先尝试自己弄清楚，然后再根据我的答案验证你的答案。
问题 1：数组排序比较JavaScript常见问题有哪些？考虑以下数组和条件，你认为结果是什么？

const arr1 = [ 'a', 'b', 'c'] const arr2 = [ 'c', 'b', 'a']console.log( arr1.sort() === arr1, arr2 === arr2.sort(), arr1.sort() === arr2.sort() )

回答

true true false

现在我们知道了结果，让我们解释一下原因。对于前 2 个输出，解释相当简单，该sort()方法对原始数组进行排序并返回对同一对象arr1.sort()的引用，因此实际上是对同一对象的引用arr1。
JavaScript常见问题解答 - 对于第三个输出，arr1.sort() === arr2.sort()，即使每个数组上的元素都相同，===运算符不会测试数组的元素，而是测试每个对象的引用，在这种情况下是不同的，因此返回false。
如果你想了解更多关于数组比较的信息，请查看我的文章Stranger Things, JavaScript Edition ，并阅读场景 #5：数组相等，我用更多示例解释了一些奇怪的数组比较和解释。
问题 2：对象可变性对于这个场景，我想模拟一个代表作者的对象，以及关于他的网站的信息。然后我们将使用该方法Object.freeze()使其无法更改，我们将对其进行测试。你认为会是什么结果？

const author = { name: 'Juan', website: { type: 'blog', url: 'https://livecodestream.dev', } }Object.freeze(author)author.website.type = 'test'console.log(author.website.type)

回答

test

如果你猜对了恭喜你！如果没有，别担心，我也在那里。让我们解释一下发生了什么。
经典JavaScript问题和答案：当我们调用该方法时，Object.freeze()我们冻结了对象，这意味着该对象不能再被更改；冻结对象可防止向其添加新属性，防止删除或更改现有属性。
但是为什么我们能够改变对象呢？实际上我们没有，这就是诀窍。出于所有目的，变量author网站是对对象的引用，并且该引用在整个代码中保持不变。我们确实改变了website对象内部的一个属性，但这并没有改变对对象本身的引用。
如果你想知道如果我们尝试更改author对象的直接属性会发生什么，有两种可能的答案。让我们从第一个开始：

author.name = 'Laura' console.log(author.name)--------- Output --------- "Juan"

在第一个场景中，即使我们更改了属性并name没有真正改变，我们没有错误，没有警告，就像那行代码永远不会被执行一样。第二个选项是在严格模式下

"use strict"; author.name = 'Laura' Uncaught TypeError: Cannot assign to read only property 'name' of object '#< Object>' at < anonymous>:1:27

在严格模式下，如果我们尝试修改一个冻结的对象，我们会得到一个TypeError. 比以前好多了。
问题 3：递归JavaScript常见问题有哪些？给定以下递归函数，当我们以“blog”为参数调用它时，你认为结果是什么？

const recursive = str => { if (str.length > 1) { return recursive(str.slice(1)) }return str }console.log(recursive('blog'))

回答

g

JavaScript常见问题解答：对于这个问题没有技巧，只是递归函数的基本用法，它将继续调用自身，直到字符串中只有一个元素str，从而打印原始字符串的最后一个字符，在这种情况下g。递归函数很重要，可以以非常有趣的方式解决问题，理解它们很重要。
问题 4：范围你认为控制台的输出是什么，为什么？

(function(){ const a = b = 3 })()console.log("a defined? " + (typeof a !== 'undefined')) console.log("b defined? " + (typeof b !== 'undefined'))

回答

a defined? false b defined? true

经典JavaScript问题和答案：奇怪的警报！由于a和b都在函数的封闭范围内定义，因此你会期望a和b实际上都是undefined。
然而，事实并非如此。这里的问题是常见的误解，它const a = b = 3是一个简写：

const a = 3;
 const b = 3;

但实际上，它是一个简写

b = 3; const a = b;

但是如何在封闭函数的范围之外b定义呢？诀窍是它最终成为一个全局变量（因为前面没有,或）。但仍处于函数的封闭状态。bletconstvara
请注意，在严格模式下，这将生成一个ReferenceError: b is not defined.
问题 5：更多关于闭包的信息JavaScript常见问题有哪些？以下片段是一个实际的流行面试问题，问题是，你认为输出会是什么？