一周热文和最新 JS 进阶六题附答案 #4

我就是我 2022-10-16 15:19 12阅读 0赞

**点击下方“前端开发博客”**关注公众号

回复“面试”获取面试精选文章

忙碌的一周过去了，一起来汇总一下前端开发博客最近一周有哪些值得阅读的东西吧。

[**上周总结**][Link 1]

## 文章排行 ##

1.  [一文帮你搞定90%的JS手写题][90_JS]  
    
2.  [几个优雅的JavaScript运算符使用技巧][JavaScript]  
    
3.  [9种JavaScript数组去重的高阶方法][9_JavaScript]  
    
4.  [NodeJS有难度的面试题，你能答对几个？][NodeJS]  
    
5.  [Web登录其实没那么简单][Web]  
    
6.  [小程序用户登录架构设计][Link 2]  
    
7.  [H5常见问题及解决方案手册][H5]

## 最新试题 ##

31. 当点击按钮时，event.target是什么？

######  ######

<div onclick="console.log('first div')">
      <div onclick="console.log('second div')">
        <button onclick="console.log('button')">
          Click!
        </button>
      </div>
    </div>

*  A: Outer `div`
 *  B: Inner `div`
 *  C: `button`
 *  D: 一个包含所有嵌套元素的数组。

#### 答案: C ####

导致事件的最深嵌套的元素是事件的 target。你可以通过 `event.stopPropagation` 来停止冒泡。

--------------------

###### 32. 当您单击该段落时，日志输出是什么？ ######

<div onclick="console.log('div')">
      <p onclick="console.log('p')">
        Click here!
      </p>
    </div>

*  A: `p` `div`
 *  B: `div` `p`
 *  C: `p`
 *  D: `div`

#### 答案: A ####

如果我们点击 `p`，我们会看到两个日志：`p` 和 `div`。在事件传播期间，有三个阶段：捕获、目标和冒泡。默认情况下，事件处理程序在冒泡阶段执行（除非将 `useCapture` 设置为 `true`）。它从嵌套最深的元素向外传播。

--------------------

###### 33. 输出是什么？ ######

const person = { name: 'Lydia' }
    
    function sayHi(age) {
      console.log(`${this.name} is ${age}`)
    }
    
    sayHi.call(person, 21)
    sayHi.bind(person, 21)

*  A: `undefined is 21` `Lydia is 21`
 *  B: `function` `function`
 *  C: `Lydia is 21` `Lydia is 21`
 *  D: `Lydia is 21` `function`

#### 答案: D ####

使用这两种方法，我们都可以传递我们希望 `this` 关键字引用的对象。但是，`.call` 是**立即执行**的。

`.bind` 返回函数的**副本**，但带有绑定上下文！它不是立即执行的。

--------------------

###### 34. 输出是什么？ ######

function sayHi() {
      return (() => 0)()
    }
    
    typeof sayHi()

*  A: `"object"`
 *  B: `"number"`
 *  C: `"function"`
 *  D: `"undefined"`

#### 答案: B ####

`sayHi` 方法返回的是立即执行函数(IIFE)的返回值.此立即执行函数的返回值是 `0`， 类型是 `number`

参考：只有7种内置类型：`null`，`undefined`，`boolean`，`number`，`string`，`object`, `symbol` 和 `bigint`。`function` 不是一种类型，函数是对象，它的类型是`object`。

--------------------

###### 35. 下面哪些值是 falsy? ######

0
    new Number(0)
    ('')
    (' ')
    new Boolean(false)
    undefined

*  A: `0`, `''`, `undefined`
 *  B: `0`, `new Number(0)`, `''`, `new Boolean(false)`, `undefined`
 *  C: `0`, `''`, `new Boolean(false)`, `undefined`
 *  D: All of them are falsy

#### 答案: A ####

只有 6 种 falsy 值:

*  `undefined`
 *  `null`
 *  `NaN`
 *  `0`
 *  `''` (empty string)
 *  `false`

`Function` 构造函数, 比如 `new Number` 和 `new Boolean`，是 truthy。

--------------------

###### 36. 输出是什么？ ######

console.log(typeof typeof 1)

*  A: `"number"`
 *  B: `"string"`
 *  C: `"object"`
 *  D: `"undefined"`

#### 答案: B ####

`typeof 1` 返回 `"number"`。`typeof "number"` 返回 `"string"`。

--------------------

好了，以上就是本周的汇总，以后我们每周会汇总一次，相信你会从中找到你喜欢的内容，最后，记得点个在看，转发文章，关注一下我哦。

**有用的话，点个“在看”，支持我们↓↓↓**

[Link 1]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbba34b4ac3322d8563ae61794fa5289bd8e07e683429b86ffbb417924e6d79c98dec70bd7&idx=2&mid=2650089297&scene=21&sn=4c9119a30f045c0fc887055e3e908b9a#wechat_redirect
[90_JS]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbbaedb4ac33fbb7bf9122d95b67eae4e07b1ec99aae1dd6ca9c3e611791c2e7ab6c91517e&idx=1&mid=2650089352&scene=21&sn=62250a8bbb865445f1d90f33c08055e7#wechat_redirect
[JavaScript]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbbaa8b4ac33be3fb351cdda50c202ecbe84127c02dc53c3736758896957fbd45d3d2b1f5a&idx=2&mid=2650089421&scene=21&sn=826b2b04faa7ae656d7deb5e93f421c4#wechat_redirect
[9_JavaScript]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbbafeb4ac33e808c09b72959121b73046850ffee851ad15bb249cf6d049bdeb595d3f9211&idx=1&mid=2650089371&scene=21&sn=8e04eecf12d204933c2929d1c39d7c7a#wechat_redirect
[NodeJS]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbba34b4ac33229f1f4100184622ce5b9958b9e61291c4d0b8d45b1361ee0bc4bd5418f6e6&idx=1&mid=2650089297&scene=21&sn=1428ae75d485db94223ca2e6d7d2f769#wechat_redirect
[Web]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbbaddb4ac33cbea3c00444ae710f92effc9631ad1ee8271261b87c805f3c342fa609b07b0&idx=2&mid=2650089400&scene=21&sn=1b191f14381b380fb1ddb3299f154090#wechat_redirect
[Link 2]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbb56db4ac3c7b2dd8671031ff45ae4404d9f3860bf5b9de5f165310c77e82cea8108d10c6&idx=1&mid=2650089480&scene=21&sn=6850a23004a4da7e7f0da18f750d8d6c#wechat_redirect
[H5]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbbaedb4ac33fb446f4fdeeb3d214ef8ba31da221e9f0cfa17b7c9b340b4b079d0cea53e12&idx=2&mid=2650089352&scene=21&sn=1909dfab59e99694816a1b9ac76e9650#wechat_redirect