前些天去看了看已经更新到101题了，这些题目中已经有很多小伙伴贡献了中文翻译，我利用空闲时间也把剩余题目翻译完成并提交了 PullRequest。

下面我们来看看都更新了哪些题目吧（本文由原作者授权翻译）！

如果你还没看过前面的43题，请点击这里：。我们直接从44题开始：

第二个 .then中 res的值等于前一个 .then中的回调函数返回的值。你可以像这样继续链接 .then，将值传递给下一个处理程序。

使用逻辑非运算符 !，将返回一个布尔值，使用 !!name，我们可以确定 name的值是真的还是假的。如果 name是真实的，那么 !name返回 false。!false返回

newBoolean（true）返回一个对象包装器，而不是布尔值本身。

name.length返回传递的参数的长度，而不是布尔值 true。

87. 下面代码输出什么?

可以使用方括号表示法获取字符串中特定索引的字符，字符串中的第一个字符具有索引0，依此类推。在这种情况下，我们想要得到索引为0的元素，字符 'I'被记录。

请注意，IE7及更低版本不支持此方法。在这种情况下，应该使用 .charAt（）

88. 下面代码输出什么?

您可以将默认参数的值设置为函数的另一个参数，只要另一个参数定义在其之前即可。我们将值 10传递给 sum函数。如果 sum函数只接收1个参数，则意味着没有传递 num2的值，这种情况下， num1的值等于传递的值

如果您尝试将默认参数的值设置为后面定义的参数，则可能导致参数的值尚未初始化，从而引发错误。比如：

89. 下面代码输出什么?

module.js文件中，有两个导出：默认导出和命名导出。默认导出是一个返回字符串“Hello World”的函数，命名导出是一个名为 name的变量，其值为字符串 “Lydia”。

data对象具有默认导出的 default属性，其他属性具有指定exports的名称及其对应的值。

90. 下面代码输出什么?

类是构造函数的语法糖，如果用构造函数的方式来重写 Person类则将是：

通过 new来调用构造函数，将会生成构造函数 Person的实例，对实例执行 typeof关键字将返回 "object"，上述情况打印出 "object"。

91. 下面代码输出什么?

92. 下面代码输出什么?

93. 下面代码输出什么?

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，上述情况返回一个二维数组，数组每个元素是一个包含键和值的数组：

使用 for-of循环，我们可以迭代数组中的每个元素，上述情况是子数组。我们可以使用 const[x，y]在 for-of循环中解构子数组。x等于子数组中的第一个元素， y等于子数组中的第二个元素。

94. 下面代码输出什么?

...args是剩余参数，剩余参数的值是一个包含所有剩余参数的数组，并且只能作为最后一个参数。上述示例中，剩余参数是第二个参数，这是不可能的，并会抛出语法错误。

在JavaScript中，我们不必显式地编写分号( ;)，但是JavaScript引擎仍然在语句之后自动添加分号。这称为自动分号插入。例如，一个语句可以是变量，或者像 throw、 return、 break这样的关键字。

在这里，我们在新的一行上写了一个 return语句和另一个值 a+b。然而，由于它是一个新行，引擎并不知道它实际上是我们想要返回的值。相反，它会在 return后面自动添加分号。你可以这样看:

这意味着永远不会到达 a+b，因为函数在 return关键字之后停止运行。如果没有返回值，就像这里，函数返回 undefined。注意，在 if/else语句之后没有自动插入!

96. 下面代码输出什么?

我们可以将类设置为等于其他类/函数构造函数。在这种情况下，我们将 Person设置为 AnotherPerson。这个构造函数的名字是 Sarah，所以新的 Person实例 member上的name属性是 Sarah。

97. 下面代码输出什么?

Symbol类型是不可枚举的。Object.keys方法返回对象上的所有可枚举的键属性。Symbol类型是不可见的，并返回一个空数组。记录整个对象时，所有属性都是可见的，甚至是不可枚举的属性。

这是 Symbol的众多特性之一：除了表示完全唯一的值（防止对象意外名称冲突，例如当使用2个想要向同一对象添加属性的库时），您还可以 隐藏这种方式对象的属性（尽管不完全。你仍然可以使用 Object.getOwnPropertySymbols()方法访问 Symbol。

98. 下面代码输出什么?

getList函数接收一个数组作为其参数。在 getList函数的括号之间，我们立即解构这个数组。您可以将其视为：

使用剩余的参数 ...y，我们将所有剩余参数放在一个数组中。在这种情况下，其余的参数是 2， 3和 4。y的值是一个数组，包含所有其余参数。在这种情况下， x的值等于 1，所以当我们打印

getUser函数接收一个对象。对于箭头函数，如果只返回一个值，我们不必编写花括号。但是，如果您想从一个箭头函数返回一个对象，您必须在圆括号之间编写它，否则不会返回任何值!下面的函数将返回一个对象:

由于在这种情况下不返回任何值，因此该函数返回 undefined。

99. 下面代码输出什么?

变量 name保存字符串的值，该字符串不是函数，因此无法调用。

当你编写了一些非有效的JavaScript时，会抛出语法错误，例如当你把 return这个词写成 retrun时。当JavaScript无法找到您尝试访问的值的引用时，抛出 ReferenceErrors。

100. 下面代码输出什么?

[]是一个真值。使用 &&运算符，如果左侧值是真值，则返回右侧值。在这种情况下，左侧值 []是一个真值，所以返回 Im。

""是一个假值。如果左侧值是假的，则不返回任何内容。n't不会被退回。

101.下面代码输出什么?

使用 ||运算符，我们可以返回第一个真值。如果所有值都是假值，则返回最后一个值。

（false||{}||null）：空对象 {}是一个真值。这是第一个（也是唯一的）真值，它将被返回。one等于 {}。

（null||false||“”）：所有值都是假值。这意味着返回传递的值 ""。two等于 ""。

（[]||0||“”）：空数组 []是一个真值。这是第一个返回的真值。three等于 []。

方法1：直接改变arrayList所指向的对象，原对象并不改变。

• 原型prototype机制或apply和call方法去实现较简单，建议使用构造函数与原型混合方式

5、例举3种强制类型转换和2种隐式类型转换？

• 前者是切割成数组的形式，后者是将数组转换成字符串

11、ajax请求时，如何解释json数据

• 使用eval parse，鉴于安全性考虑，使用parse更靠谱

• 让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！

12（1）请说说事件委托机制？这样做有什么好处？

• 事件委托，就是某个事件本来该自己干的，但是自己不干，交给别人来干，就叫事件委托。打个比方：一个button对象，本来自己需要监控自身的点击事件，但是自己不来监控这个点击事件，让自己的父节点来监控自己的点击事件。

• A，提高性能：例如，当有很多li同时需要注册时间的时候，如果使用传统方法来注册事件的话，需要给每一个li注册事件。然而如果使用委托事件的话，就只需要将事件委托给该一个元素即可。这样就能提高性能

• B，新添加的元素还会有之前的事件

13、闭包是什么，有什么特性，对页面有什么影响？简要介绍你理解的闭包

　　闭包就是能够读取其他函数内部变量的函数

　　通俗的讲：就是函数a的内部函数b，被函数a外部的一个变量引用的时候，就创建了一个闭包。

• ② 减少传递函数的参数量

• 使用闭包会占有内存资源，过多的使用闭包会导致内存溢出等.

14、添加 插入 替换 移除 到某个接点的方法

14（1）、DOM怎样添加、移动、复制、创建和查找节点

• 前者会自动转换类型，后者不会

　　==判断内容是否相等不比较类型

　　===判断内容相等且类型也相等

16、编写一个b继承a的方法、

17、如何阻止事件冒泡和默认事件

17（1）什么是事件冒泡/捕获

事件冒泡：子元素事件的触发会影响父元素事件

• B，关闭事件冒泡：假设传统方式事件的返回值为e，就可以通过e.stopPropagation()来关闭事件冒泡；

事件捕获：父元素的事件会影响子元素的事件；

19、谈谈this对象的理解

• this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。
• 但是有一个总原则，那就是this指的是调用函数的那个对象。
• this一般情况下：是全局对象Global。作为方法调用，那么this就是指这个对象

• this是一个关键字，它代表函数运行时，自动生成一个内部对象，只能在函数内部使用
• 1.作为纯粹的函数调用this指向全局对象
• 2.作为对象的方法调用this指向调用对象
• 3.作为构造函数被调用this指向新的对象（new会改变this的指向）
• this总是指向函数的直接调用者（而并非间接调用者）；
• 如果有new关键字，this指向new出来的那个对象；
• 在事件中，this指向这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window；

24、对于前端自动化构建工具有了解吗？简单介绍一下

25、说一下什么是JavaScript的同源策略？

• 一段脚本只能读取来自同一来源的窗口和文档的属性，这里的同一源指的是主机名，协议和端口号的组合

26、eval是指做什么的？

• 它的功能是把对应的字符串解析成JS代码并运行；
• 应该避免使用eval，不安全，非常耗性能（2次、一次解析成js语句，一次执行）；

27.请列举字符串操作的方法？

• chartCodeAt方法返回一个整数，代表指定位置字符的Unicode编码；
• chartAt方法返回指定索引位置处的字符。如果超出有效范围的索引值返回空字符串；
• slice方法返回字符串的片段
• substring方法返回位于String对象中指定位置的子字符串。
• substr方法返回一个从指定位置开始的指定长度的子字符串。
• indexOf方法返回String对象内第一次出现子字符串位置。如果没有找到子字符串。则返回-1；
• lastIndexOf方法返回String对象中字符串最后出现的位置。如果没有匹配到子字符串，则返回-1；
• search方法返回与正则表达式查找内容匹配的第一个字符串的位置；
• concat方法返回字符串值，该值包含了两个或多个提供的字符串的连接；
• split将一个字符串分割为子字符串，然后将结果作为字符串数组返回；

null是表示"无"的对象，转为数值时为0；undefined是表示"无"的原始值，转为数值时为NaN。

• 1、变量被声明了，但没有赋值，就等于undefined。
• 2，应该提供的参数没有提供该参数等于undefined。
• 3、对象没有赋值的属性，该属性的值为undefined.

• 4、函数没有返回值时，默认返回undefined。

• 1、作为函数的参数，表示该函数的参数不是对象

• 2、作为对象原型链的终点。

29、new操作符具体干了什么呢？

• 1、创建一个空对象，并且this变量引用该对象，同时还继承了该函数的原型。
• 2、属性和方法被加入到this所引用的对象中。
• 3、新创建的对象由this所引用，并且最后隐式的返回this。

json（JavaScript Object Notation）是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单，易于读写，占用带宽小

• 1、apply()函数有两个参数：第一个参数是上下文，第二个参数是参数组成的数组。如果上下文是null，则使用全局对象代替。
• 2、call()的第一个参数是上下文，后续是实例传入的参数序列。

• 1、创建XMLHttpRequest对象，也就是创建一个异步调用对象。
• 2、创建一个新的HTTP请求，并指想向该HTTP请求的方法、URL及验证信息。
• 3、设置响应HTTP请求状态变化的函数。
• 4、发送HTTP请求。
• 5、获取异步调用返回的数据。

js延迟加载的方式有哪些？

• defer和async，动态创建DOM方式（用得最多），按需异步载入js

• 简单的说类是对象的模板。
• 在js中没有类，所以在js中所谓的类就是构造函数，对象就是有构造函数创建出来的实例对象。面向对象就是使用面向对象的方式处理问题，面向对象是向过程进行封装。
• 对象的概念，面向对象编程的程序实际就是多个对象的集合，我们可以把所有的事物都抽象成对象，在程序设计中可以看作：对象=属性+方法。属性就是对象的数据，而方法就是对象的行为
• 类的概念，类是对象的模板，而对象是类的实例化。举个例子，汽车设计图可以看作是类，而具体的汽车就是对象。再比如有一个类是表示人，然后可以通过人这个模板来实例化出张三，李四...

• 抽象性，需要通过核心数据和特定环境才能描述对象的具体意义
• 封装性，封装就是讲数据和功能组合到一起，在js中对象就是键值对的集合，对象将属性和方法封装起来，方法将过程封装起来
• 继承性，将别人的属性的方法成为自己的，传统继承基于模板（类），js中继承基于构造函数

这题不难，IIFE 中的赋值过程其实是（赋值过程从右到左）：

接下去就不难了，a 是局部变量，b 是全局变量。

前面两个输出没有问题，都是 bar，问题出在后面两个。用了 IIFE 后，匿名函数内的 this 其实已经指到了 window，所以第三个输出 this.foo 其实是 window.foo，而全局对象并没有 foo 这个 key，所以输出 undefined，而第四个输出，因为 self 引用了 myObject，所以还是 bar。

为什么要用 IIFE？

简单来说就是为了能模块化，创建私有变量等等，很多类库（比如 jQuery）都用了这样的写法。

可以参考我以前翻译的一篇文章 

严格模式下进行 Javascript 开发有啥好处？

这个就不展开来了，可以参考阮一峰老师的  或者自行谷歌百度。

执行以上两个函数，会返回相同的东西吗？

不会，第二个函数会返回 undefined。这是由于 Javascript 的封号插入机制决定的，如果某行代码，return 关键词后没有任何东西了，将会自动插入一个封号，显然 foo2 函数中，当 return 后被插入一个封号后，尽管后面的语句不符合规定，但是因为没有执行到，所以也不会报错了。没有 return 任何东西的函数，默认返回

所以很多 Javascript 规范建议把 { 写在一行中，而不是另起一行。

NaN 是什么鬼？typeof 的结果是？如果一个变量的值是 NaN，怎么确定？

NaN 是 'not a number' 的缩写，表示 "不是一个数字"，通常会在运算过程中产生：

NaN 和任何变量都不相等，包括 NaN 自己：

上面代码的输出结果是什么？

这个问题正好我之前研究过，有兴趣的可以参考下 ，看懂了还有兴趣的可以看下这篇 

写一个方法 isInterger(x)，可以用来判断一个变量是否是整数。

ES6 中自带了 Number.isInteger() 方法。但是目前 ES5 中没有自带的方法，可以把一个数去掉小数点后和原数进行比较，判断是否相等，那么问题就演变成如何对一个数进行取整了。

以上代码的输出结果是？

这题不难，只要知道 Javascript 是单线程的语言， 一些异步事件是在主体 js 执行完之后执行即可，所以主体的 1、4 先输出，而后是 3、2，没有问题，因为 3 的定时设置比 2 早。

具体可以参考我之前的文章 

判断一个字符串是不是回文。

这里想到一个进阶题，求字符串最长回文子串，可以参考 

写一个 sum 方法，使得以上代码得到预期结果。这题可以参考我以前的文章  中的最后一题，理论上此题更简单，因为它没要求能扩展（比如 sum(2)(3)(4)），甚至可以这样：

点击 'Button 4' 后输出什么？如何使得输出能跟预期相同？

答案是输出 5，事实上点击任意的 button，输出都是 5。因为循环结束后，i 值变成了 5。如何改，使得输出分别是 0, 1, 2, 3, 4？用闭包在内存中保存变量，可以参考我之前的文章  中的第 8 题。

这道题我答错了，忽略了 reverse() 方法的一个要重性质，reverse() 方法执行的结果并不是创建一个副本，而是在原数组上直接操作，并返回该数组的引用。

知道了这一点，该题也就迎刃而解了。arr2 其实和 arr1 引用了同一个对象，所以在 arr2 上的操作也会同时反映到 arr1 上。

+"2" 能将字符串 "2" 转换成整数 2，-"2" 同理，而两个变量进行 "+" 运算时，如果都是数字和字符串，则分别进行数字相加和字符串拼接，如果一个是数字一个是字符串，则将数字转为字符串，如果是 "-" 运算呢？则将字符串转为数字。

"A" - "B" 会返回 NaN，因为 "A" 和 "B" 无法转成数字进行运算，这里不要以为 "A" 和 "B" 能转为 ASCII码 进行运算（不要和 C 语言搞混了）。而 NaN 和字符串相加，会转成 "NaN" 和字符串去拼接，NaN 和任何数字相加结果还是 NaN。

以上代码可能会由于递归调用导致栈溢出，如何规避这个问题？

首先，任何递归都可以用迭代来代替，所以改写成迭代方式肯定没有问题。

而原文给的解答令人深思：

利用 setTimeout 的异步性质，完美地去除了这个调用栈。

如果你还是摸不着头脑，简单举个栗子：

上面的代码会依次输出 0 和 1，因为程序中形成了一个调用栈，1 被压到了栈底，最后出栈。

这回就是 1 和 0 了，因为 setTimeout 的回调只有当主体的 js 执行完后才会去执行，所以先输出了 1，自然也就没有栈这一说法了。

事实上，并不是所有递归都能这样改写，如果下一次递归调用依赖于前一次递归调用返回的值，就不能这么改了。

以上代码输出什么？如何能输出期望值？

很显然，输出都是 5。这题和第十三题有些类似，用立即执行函数+闭包即可。

还有种优雅的解法，使用 ：

|| 和 && 是短路运算符。先说说 ||，如果前面变量值为 false（包括 0、null、undefined、flase、空字符串等等），则返回后面变量值，否则返回前面变量值。&& 恰恰相反，如果前面变量为 false，则返回前面变量值，否则返回后面变量值。

== 和 === 的区别， 后者是全等，只有两个值完全相同（或者两个对象引用相同）时，才会返回 true，而前者在比较时会进行隐式的转换。

一道有趣的题目，答案是 456。

其实可以写成这样，清楚些：

其实就是一个立即执行函数+递归，求个阶乘而已（10!）。给立即执行函数加了个名字 f，方便在递归里调用，其实完全可以用 arguments.callee 代替：

显然是 1，闭包，能引用函数外的变量。

执行第一次输出时，this 指向了 window，如何规避这个问题？用 bind 绑定 this 指向，具体可以参考 ，注意低版本 IE 的兼容。

遍历 DOM 树，不难，深度优先搜索即可。

这道题可以拓展，先序遍历 DOM树，中序遍历，甚至后序遍历的结果是？具体可以参考前文 ，都是树，原理是一样一样的。