我刚刚开始学习JavaScript时，大约是八年前，当时我对于undefined 和 null 比较困惑 ，因为他们都表示空值。 他们有什么明确的区别吗？...该标准明确规定，在访问未初始化的变量，不存在的对象属性，不存在的数组元素等时，您将收到未定义的值。 ...尝试从不存在的属性值获取数据时出现真正的问题。...让我们实现一个函数append（array，toAppend），它在数组的开始和/或结尾添加新的元素。...指定源对象的顺序很重要：稍后的源对象属性会覆盖先前的对象属性。 使用默认属性值填充不完整的对象是使代码安全和稳定的有效策略。不管情况如何，对象总是包含全部属性：'undefined'不能生成。
该标准明确规定，在访问未初始化的变量，不存在的对象属性，不存在的数组元素等时，您将收到未定义的值。...尝试从不存在的属性值获取数据时出现真正的问题。...让我们实现一个函数append（array，toAppend），它在数组的开始和/或结尾添加新的元素。...对象解构是一个强大的功能，可以有效地处理从对象中提取属性。我喜欢在访问的属性不存在时指定要返回的默认值的可能性。因此，避免了“未定义”以及与处理它有关的问题。...指定源对象的顺序很重要：稍后的源对象属性会覆盖先前的对象属性。 使用默认属性值填充不完整的对象是使代码安全和稳定的有效策略。不管情况如何，对象总是包含全部属性：'undefined'不能生成。
JavaScript 语言最神奇的地方总是让我感到惊讶，那就是它总是有些怪异的地方。无论您对它了解多少，您总能从中学到新的东西。 这些问题我收集了很长时间。...在大多数问题中，我真的不知道输出是什么，直到我自己尝试了它们，才开始慢慢理解。 所以我在这里记录它们，以便其他人可以利用它来梳理JS的知识盲点。...问题2 答案： false // 删除运算符只删除对象中的Key true // 当我们在任何变量之前不使用任何声明时， //它将被视为全局变量，并将作为可删除实体添加到Window对象中。...name.padStart(14) 在字符串的开头插入 1 个空格，因为 13 + 1 是 14。如果传递给 padStart 方法的参数小于数组的长度，则不会添加填充。...，第一个参数的值总是字符串值的数组。
在我们声明（初始化）之前是不能访问它们的。这个行为被称之为暂时性死区。当我们试图在声明之前访问它们时，JavaScript 将会抛出一个 ReferenceError 错误。 ---- 2....上述例子中，我们将 value 对象进行了解构并传到一个新对象中，因此 x 的默认值为 {number：10} 。 默认参数在调用时才会进行计算，每次调用函数时，都会创建一个新的对象。...使用{name：myName}，我们是在告诉JavaScript我们要创建一个名为myName的新变量，并且其值是右侧对象的name属性的值。...通过将newList设置为[1,2,3].push(4)，实际上newList等于数组的新长度：4。 然后，尝试在newList上使用.push方法。...中，我们不必显式地编写分号(;)，但是JavaScript引擎仍然在语句之后自动添加分号。
作为第一步，我添加了一个简单的计数器，每当该类被实例化时就会增加，并再次运行了lint任务。 超过2000万次后 总的来说，这个类已经被构建了超过2000万次。这似乎相当多。...在创建该类的新实例时，它调用了两个函数，这两个函数似乎都会启动搜索。不过，如果不了解它正在做什么，第一个函数可以被排除在外，因为它不包含任何形式的循环。...当for-of循环被添加到JavaScript时，它花费了一段时间才在各个地方得到支持。 将现代JavaScript功能降级的工具往往在谨慎性方面出错，并以非常保守的方式重写代码。...这是一件只有 V8/Gecko/Webkit 工程师才能够正确验证的事情，但我的假设是它仍然必须调用迭代器协议，因为它可能已经被全局覆盖，这将改变每个数组的行为。它可能是这样的事情。...这将有效地迭代所有字符，分配一个新数组，然后迭代该数组，所有这些都可以在单个迭代中完成。
这些名字被当做字面量名而不是变量名来对待，所以对象的属性名在编译时才能知道。属性的值就是表达式。...所有通过对象字面量创建的对象都连接到Object.prototype这个javascript中标准的对象。 当你创建一个新对象时，你可以选择某个对象作为它的原型。...相反我们添加一个新的属性到原型中，该属性会立即对所有基于该原型创建的对象可见。...P23 委托 如果我们尝试去获取对象的某个属性，且该对象没有此属性名，那么javascript会尝试着从原型对象中获取属性值，如果那个原型对象也没有改属性，那么再从它的原型中寻找，依次类推，直到过程最后到达终点...JavasCript是一门基于原型的语言，这意味着对象直接从其他对象继承。 P50 基于原型的继承相比基于类的继承在概念上更为简单：一个新对象可以继承一个旧对象的属性。
以前的做法 假设你有一个代表人的对象数组，你想按年龄对它们进行分组。...你总是要检查对象是否存在分组键，如果不存在，就用一个空数组来创建它。然后再将项目推入数组。...根据该提案，有一个库曾经用一个不兼容的 groupBy 方法对 Array.prototype 进行了猴子补丁。在考虑新的应用程序接口时，向后兼容性非常重要。...几年前，在尝试实现 Array.prototype.flatten 时，这一点在一次被称为 SmooshGate[1] 的事件中得到了强调。 幸运的是，使用静态方法似乎更有利于未来的可扩展性。...当 Record 和 Tuples 提议实现时，我们可以添加一个 Record.groupBy 方法，用于将数组分组为不可变的记录。 总结 将项目分组显然是我们开发人员的一项重要工作。
初步检查后，代码似乎通过复制原始数组 arr 中的每个元素来创建一个新数组 newArr。然而，在 duplicate 函数内部出现了一个严重的问题。...这样，循环只会针对数组中的原始元素进行，并不会受到由于添加重复项而导致数组增长的影响。...构造函数用于在 JavaScript 中创建对象。当您定义一个构造函数时，还可以将属性和方法附加到其 prototype 属性上。这些属性和方法然后变得可以被该构造函数创建的所有对象实例访问。...在bar()函数内部，声明了一个变量a并赋值为 3。那么当bar()函数被调用时，你认为会输出哪个值的a？ 当JavaScript引擎执行这段代码时，全局变量a被声明并赋值为5。...在JavaScript中，对象键总是字符串（或 symbols），或者通过隐式强制转换自动转换为字符串。
因此，在今天这篇文章中，我们将会看到一些重要的 JavaScript 面试问题的深入解释。我的目标是彻底解释这些面试问题，以便我们能够理解基本概念，并希望在面试中解决其他类似问题。...这样，循环将仅针对数组中的原始元素运行，并且不会因添加重复项而受到数组增长的影响。...另一方面， __proto__ 属性（通常发音为“dunder proto”）存在于每个 JavaScript 对象中。在 JavaScript 中，除了原始类型之外，所有东西都可以被视为对象。...默认情况下，当您创建对象时，其原型设置为 Object.prototype。 当您尝试访问对象的属性或方法时，JavaScript 会遵循查找过程来查找它。...作用域链是指函数在尝试查找和使用变量时可以访问的所有不同作用域。 现在，我们来解决 JavaScript 将在哪里搜索变量 a 的问题。它会在 bar 函数的范围内查找，还是会探索全局范围？
但有时我想尝试一个单独的、离散的 JavaScript 函数。如果我可以在浏览器中处理我正在阅读的文章旁边的这个测试代码片段，那就更有用了。...有时你想清空一个数组对象而不用一个新的空白数组替换它（可能是因为它被另一个对象引用）。...5、给你的对象一个合理的字符串表示 是否厌倦了在使用 console.log() 时，在浏览器控制台中看到“[object Object]”？...您可以通过为您的对象提供一个可观的 toString() 方法来轻松覆盖此行为。...（例如，没有覆盖关键字。）但它有效。 6、支持类中的方法链 方法链并不是真正的技巧，但它是我们并不总是认为支持的那些实践之一，它可以为您节省一些时间。
在处理数组时，有时我们需要将其中的项目按照某个特定的属性或条件进行分类或分组。这个过程可能会多次重复，每次都需要编写分组函数或使用像 lodash 这样的库中的 groupBy 函数来完成。...因此，如果您尝试使用这个新对象作为键来检索 Map 中的内容，您将无法成功获取到任何东西。 要成功从 Map 中检索项目，请确保您保留对您想要用作键的对象的引用。...这是因为根据这个提案的说明，曾经有一个库尝试在 Array.prototype 上添加了一个不兼容的 groupBy 方法的补丁。在设计新的 API 时，特别是在网络环境下，保持向后兼容性非常重要。...几年前，当试图在 JavaScript 中实现 Array.prototype.flatten 方法时，就曾经发生过类似的事件，这被戏称为 "SmooshGate" 事件。...当记录和元组提案得到实现时，我们可以向这些对象添加新的方法，以便将数组按不可变记录的方式进行分组。
当我们在属性查找时，就会不自觉的开启了我们的原型链之旅 让我们通过一个简单的例子开启我们的原型链查询之旅：我们使用Array构造函数创建一个数组，然后调用join方法 ?...由于在我们创建的myArray数组中没有找到join(),因此JavaScript会在原型链中查找join()方法； 其实这样做我们很容易就联想到了效率和重用，通过把该属性添加到原型中去，我们所有的数组都有充分利用了相同的...用新对象替换prototype属性会删除默认的构造函数属性 我们可以用一个新值来替换prototype属性的默认值，但是需要特别注意的是：这么做会删除在"预制"原型对象中找到的默认的constructor...这一点比较简单，不管是使用原型对象还是自己的对象覆盖它，继承原型属性的实例总是能够获得新值。...这里的重点是，一旦开始创建实例，就不应用一个新对象那个来替换对象的原型，这样将会导致实例有一个指向不同原型的链接 自定义构造函数实现原型继承 当我们在自定义构造函数时，同样可以实现原型继承: ?
内存中的名称按以下方式存储： image.png 为了理解数组是如何工作的，我们需要执行一些操作： 添加元素： 在JavaScript数组中，我们有不同方式在数组结尾，开关以及特定索引处添加元素。...我们知道，在默认情况下，JS提供了length属性，push()相当于使用以下命令: arr[arr.length - 1] = 'Jake' 因为我们总是可以访问数组的长度属性，所以无论数组有多大，在末尾添加一个元素的复杂度总是...只有一个操作是向对象添加一个新的键值对。...删除 与添加元素一样，对象的删除操作非常简单，复杂度为O(1)。因为，我们不必在删除时更改或操作对象。...总结一下，当我们想执行诸如添加，删除和访问元素之类的操作时，可以使用对象，但是在使用对象时，我们需要谨慎地遍历对象，因为这可能很耗时。
3.JS获取元素的left属性为NaN 我遇到的问题是在使用JS获取定位为relative的元素时，解析返回值是一个NaN。我获取left属性的代码如下。...5.CSS z-index无效 我遇到的实际问题是一个div作为页面的header，里面包括logo（图片）和导航标题（文字），结果header中的logo图片被背景图片给覆盖了，而导航标题的文字没有被覆盖...注意： （1）JavaScript变量均为对象。当您声明一个变量时，就创建了一个新的对象。 （2）JavaScript拥有动态类型。..."Bill"; // x 为字符串 那么不同数据类型的对象在传参时是值传递还是引用传递呢？...但是数组对象本身没有被改变。
当程序的类型已知时，计算机可以为你检查它们，在程序运行之前指出错误。 有几种 JavaScript 语言为语言添加类型并检查它们。 最流行的称为 TypeScript。...如果你有兴趣为你的程序添加更多的严谨性，我建议你尝试一下。 在本书中，我们将继续使用原始的，危险的，非类型化的 JavaScript 代码。...同样，计算新值而不是改变现有数据的编程风格有所帮助。 如果一段代码在创建新值时停止运行，没有人会看到这个完成一半的值，并且没有问题。 但这并不总是实际的。 所以try语句具有另一个特性。...这使得这种错误不太可能被忽视，并且当它们发生时更容易找到它们的原因。 我不建议尝试为每种可能的不良输入编写断言。 这将是很多工作，并会产生非常杂乱的代码。..._content; } }; 这是一个带锁的箱子。其中有一个数组，但只有在箱子被解锁时，才可以访问数组。不允许直接访问_content属性。
TypeScript为JavaScript添加了可选的静态类型、类和模块，让大型JavaScript应用可以使用更好的工具并拥有更清晰的结构。...一个any类型的值支持所有在JavaScript中对它的操作，并且对一个 any 类型的值操作时仅进行最小化静态检查。...在JavaScript中，undefined是全局作用域的一个属性，它会赋值给那些被声明但未被初始化的变量。null是一个字面量（不是全局对象的一个属性），它可以被赋值给那些表示没有值的变量。...如果x的类型为string时，我们就会尝试调用被认为是x的一个成员的splice方法。TypeScript语言服务可以读懂在条件语句中使用typeof的用法。...Nicholas说的是，避免对那些不是你自己声明的对象（DOM对象、BOM对象、原始类型和第三方库）进行修改和覆盖，我们同样能将其应用到别名的使用上。
JavaScript 很奇怪。不相信我？尝试使用 map 和 parseInt 将字符串数组转换为整数。...console.log("条件为假"); } 尝试在开发人员的控制台中运行此代码（Chrome 上为 F12）。您应该会发现 if 块运行。这是因为字符串对象"hello world"是真实的。...每个 Javascript 对象要么是真的，要么是假的。当放置在布尔上下文中时，例如 if-else 语句，对象会根据其真实性被视为真或假。那么哪些对象是真的，哪些是假的呢？...函数参数 可以使用任意数量的参数调用 Javascript 中的函数，即使它们不等于声明的函数参数的数量。缺少的参数被视为未定义，额外的参数将被忽略（但存储在类似数组的参数对象中）。...Map 是 Array 原型中的一个方法，它返回将原始数组的每个元素传递给函数的结果的新数组。
如果需要，可以用新对象覆盖它。 或者，你可以将属性添加到现有对象，如示例所示。 按照惯例，构造器的名字是大写的，这样它们可以很容易地与其他函数区分开来。...将属性添加到对象时，无论它是否存在于原型中，该属性都会添加到对象本身中。...覆盖也用于向标准函数和数组原型提供toString方法，与基本对象的原型不同。...String函数（将一个值转换为一个字符串）时，它会调用该对象的toString方法来尝试从它创建一个有意义的字符串。...实现多个类，它们仅在一些细节上有所不同的时，将新类编写为现有类的子类，继承其一部分行为会很有帮助。 6.14 习题 6.14.1 向量类型 编写一个构造器Vec，在二维空间中表示数组。
领取专属 10元无门槛券
手把手带您无忧上云
