首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript 里的奇葩知识……

对于经验丰富的老前端来说,什么代码没见过,但是就是有有些很神奇的代码,是永远都不会出现在业务代码里的,这些就是今天来跟大家讲的奇葩代码知识!

1

Function.prototype竟然是个函数类型。而自定义函数的原型却是对象类型。

所以我们设置空函数可以这么做:

2

一个变量真的会不等于自身吗?

这是目前为止 js 语言中唯一的一个不等于自己的数据。为什么?因为  代表的是一个范围,而不是一个具体的数值。在早期的  函数中,即使传入字符串,也会返回  ,这个问题已经在 es6 中修复。

所以如果您想兼容旧浏览器,用x !== x来判断是不是NaN,是一个不错的方案。

3

构造函数如果 了新的数据

在实例化构造函数时,返回非对象类型将不生效

4

.call.call到底在为谁疯狂打call?

所以fn1.call.call(fn2)等效于 。而且无论您加多少个.call,效果也是一样的。

5

实例后的对象也能再次实例吗?

因为  的原型链指向了  的原型,所以通过向上寻找特性,最终在Peopel.prototype上找到了构造器即  自身

6

setTimeout嵌套会发生什么奇怪的事情?

在0-4层, 的间隔是  ,而到第 5 层时,间隔至少是  。

7

es6函数带默认参数时将生成声明作用域

8

函数表达式(非函数声明)中的函数名不可覆盖

当然,如果设置  ,加声明关键词是可以覆盖的。

9

严格模式下,函数的  是  而不是

对于模块化的经过webpack打包的代码,基本都是严格模式的代码。

10

取整操作也可以用按位操作

因为按位操作只支持32位的整型,所以小数点部分全部都被抛弃

11

不需要再比较数字

按位操作效率高点,代码也简洁一些。也可以使用es6的  。但写开源库需要考虑兼容性的道友还是用  比较好

12

也可以动态设置吗?

13

浮点操作不精确,老生常谈了,不过可以接受误差

14

语法糖到底是怎么继承的?

正式代码的原型继承,不会直接实例父类,而是实例一个空函数,避免重复声明动态属性

15

es6居然可以重复解构对象

一行代码同时获取aa.b。在a和b都要多次用到的情况下,普通人的逻辑就是先解构出  ,再在下一行解构出  。

16

判断代码是否压缩居然也这么秀

17

对象  比较的是内存地址,而  将比较转换后的值

18

intanceof的判断方式是原型是否在当前对象的原型链上面

如果您用es6的class的话,prototype原型是不允许被重新定义的,所以不会出现上述情况

19

这是原型链向上查找的最顶层,一个

20

太小的数字会产生 bug

21

22

arguments和形参是别名关系

但是您可以用  严格模式来避免这一行为,这样  就只是个副本了。

23

void是个固执的老头

跟谁都不沾亲~~

24

try/catch/finally也有特定的执行顺序

try/catch代码块中,如果碰到  关键词,那么  会先执行并把值放在临时变量里,接着去执行finally代码块的内容后再返回该临时变量。如果  中也有  ,那么会立即返回新的数据  。

25

是否存在这样的变量  ,使得它等于多个数字?

通过隐式转换,这样不是什么难的事情。

26

和  可以互换~~~~使用吗

答案是: 。大部分浏览器都支持互相清理定时器,但是建议使用对应的清理函数。

27

下面的打印顺序是?

答案是:2, 4, 3, 5, 1

主线任务:2,4

微任务:3,5

宏任务:1

28

是  类型,但又不是继承于  ,它更像一个历史遗留的  。鉴于太多人在用这个特性,修复它反而会导致成千上万的程序出错。

脑袋空了,想到再加。。。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20201010A07STS00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券