JavaScript题目 - MultiTerm

一些遇到的 JavaScript 的题目。

逗号表达式
形参的长度
变量提升
数组 forEach
数组 sort
变量声明
对象键名
setTimeout

问题

逗号表达式

var count = 0
for (var i = 0; i < 5, i < 10; i++) {
  count++
}
console.log(count)

答案：逗号表达式

形参的长度

;(() => {}).length

function func(a, b) {
  return a + b
}
func.length

答案：形参的长度

变量提升

console.log(foo)
foo()
var foo = 'foo'
function foo() {
  console.log('hello foo')
}
console.log(foo)
foo()

答案：变量提升

数组 forEach

var i = 0
new Array(10).forEach(() => {
  i++
})
console.log(i)

答案：数组 forEach

数组 sort

;[3, 1, 4, 2].sort(function (a, b) {
  return a - b
})

答案：数组 sort

变量声明

;(function () {
  var a = (b = 5)
  console.log(b)
  console.log(a)
})()
console.log(b)
console.log(a)

答案：变量声明

对象键名

var a = {}
b = { key: 'b' }
c = { key: 'c' }
a[b] = 123
a[c] = 456
console.log(a[b])

答案：对象键名

setTimeout

console.log(1)
let a = setTimeout(() => {
  console.log(2)
}, 0)
console.log(3)
Promise.resolve(4).then((b) => {
  console.log(b)
  clearTimeout(a)
})
console.log(5)

答案：setTimeout

答：逗号表达式

count = 10，逗号表达式只有最后一项是有效的

逗号表达式

答：形参的长度

;(() => {}).length // 0
func.length // 2

length 会返回函数的形参 arguments 变量的的长度，同时 arguments 还有 index 属性

形参的长度

答：变量提升

首先，js 有变量提升和函数提升，指的是用 var 声明变量或用 function 函数名（）{ } 声明的，会在 js 预解析阶段提升到顶端（es6 的 let 和 const 不会提升）
其次，函数提升优先级高于变量提升
注意，相同作用域时声明变量而不赋值则还是以前的值，而子作用域声明不赋值则函数内该值为 undefined，因为声明了私有变量

来源链接

问题中的代码等价于：

function foo() {
  // 函数提升
  console.log('hello foo')
}
var foo // 变量提升

console.log(foo) // => foo函数，foo只是声明变量，没有被赋值，foo还是原来的值，参考三
foo() // => 'hello foo'
foo = 'foo' // 赋值不会提升,赋值后 foo就不再是函数类型了，而是字符类型
console.log(foo) // 'foo'
foo() // 报错，foo已经不再是一个函数了

变量提升

答：数组 forEach

console.log(i); => 0 forEach 方法在数组元素为空时会跳过执行回调函数，相当于回调函数并未执行，所以输出 0

数组 forEach

答：数组 sort

;[3, 1, 4, 2].sort(function (a, b) {
  return a - b
}) // => [1, 2, 3, 4]

sort 默认会按照诸个字符的 Unicode 位点进行排序，对于 a < b 的情况，return a - b，返回小于 0（false），ab 不用调换位置，则是升序。而 return b - a，返回大于 0（true），ab 调换位置，则是降序。反之同理

数组 sort

答：变量声明

原式等价于：

;(function () {
  b = 5 // b声明成全局变量
  var a = b // 赋值从右往左
  console.log(b)
  console.log(a)
})()
console.log(b)
console.log(a)
// 5 5 5 ReferenceError: a is not defined