以题带点,四道题回顾js基础
1.题一:({} + {}).length
首先看下面这题:
({}).length
返回什么结果?
懂javascript原型链的应该知道,对象上没有length属性,那么你调用它肯定是返回undefined
那么({} + {})
呢?
javascript是弱类型语言,加法运算间接调用了对象的toString()方法,那么上题其实就是:
({}.toString + {}.toString).length
的结果是?
这样你肯定就明白了,结果一定是有值的,而且是个整数。
因为({}).toString
的值是"[object Object]"
,字符串相加会拼接字符串,最终({}.toString + {}.toString)
结果为"[object Object][object Object]"
,而String
的原型上是有length
方法的,会返回字符串的长度。
最终答案为30。
思考:TypeScript环境下,上题答案会是什么?
2.题二:([] + []).length
这题考察点是类似第一题的,但是很少有人会去留意([]).toString
是什么?
难以猜测的是空数toString
后 并不是返回字符串的[]
,而是单单的空字符串""
,那么你知道[1,2,3].toString()
返回的是什么吗?是字符串的"1,2,3"
。
所以这题答案很明显是0。
3.题三:(function (){}).length
这题考察函数对象的length属性。javascript标准内置对象明确说明函数对象length 属性指明函数的形参个数。但是注意区分有默认参数的情况下。理解如下几种情况
1 | Function 构造器本身也是个Function。他的 length 属性值为 1 。该属性 Writable: false, Enumerable: false, Configurable: true. |
思考:
Function.prototype
对象的 length 属性值为多少。答案点开链接查看
4.题五:[1,2,3].map(parseInt)
这题考察是否深入理解两个函数的格式与参数含义。
大部分前端人现在map函数用的可能比较熟悉了(思考:map
与forEach
的区别以及以及什么场景下使用?)
Map函数:
map
对数组的每个元素调用定义的回调函数并返回包含结果的数组。
参数
callback
生成新数组元素的函数,使用三个参数:
currentValue``callback
数组中正在处理的当前元素。index
可选callback
数组中正在处理的当前元素的索引。array
可选map
方法调用的数组。thisArg
可选执行
callback
函数时值被用作this
。
parseInt函数:
以下计算过程需要有一定的计算机基础,非计算机科班人员需要查找资料,进制转换计算相对比较基础和重要,务必掌握。
parseInt() 函数可解析一个字符串,并返回一个整数。
语法:parseInt(string, radix)
, 接收两个参数,第一个必选,即需要被解析的字符串,第二个参数可选,基数,可以理解为进制,该值介于 2 ~ 36 之间,如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
介绍完两个函数的用法,特别是parseInt
函数后应该大部分人能做出上面那道题了。
["1", "2", "3"].map(parseInt)
迭代器中每次执行由于parseInt
可以接受两个参数,每次都把item
跟index
传进去执行了: 计算过程为:
1 | parseInt('1', 0) // 如果省略该参数或其值(radix)为 0,则数字将以 10 为基础来解析, 1的十进制就是1 |
结果显而易见:[1,NaN, NaN]
。
再来看看下面这道题返回什么?
1 | var a=["1", "2", "3", "4","5",6,7,8,9,10,11,12,13,14,15]; |
前面三个我们答案已经知道了,直接略过,看下面计算过程:
1 | ... |
最终结果为[1,NaN,NaN,NaN,NaN,NaN,NaN,NaN,NaN,9,11,13,15,17,19]
若没有本文 Issue,您可以使用 Comment 模版新建。
GitHub IssuesGitHub Discussions