博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端面试送命题
阅读量:5236 次
发布时间:2019-06-14

本文共 1827 字,大约阅读时间需要 6 分钟。

前言

前面说过很多前端面试的考题或技巧,这次来总结一下前端面试者常犯的一些错误。

void立即执行函数

常见写法如下

(function () {  // code})();

解析器会将其解析如下

var a = 1(function () { // Uncaught TypeError: 1 is not a function})()

如今我们可以这样处理

void function () {  // code}();

null 即为对象

typeof null === "object"  //true

null 不具备对象类型的基本特征,是原始类型,这是一个广为人知的js bug。

所以我们在判断一个变量的类型时,首先要判断的值是不是null

if (someVal !== null && typeof someVal === 'object') {  // someVal 是一个对象}

js类型精度

js所有的number原始值都是一个双精度浮点数,对应java double的类型

做小数计算时,注意浮点数的精度问题。

例:0.1+0.2 =》 0.30000000004

所以记得使用toFixed来取小数点后的若干位

(0.1 + 0.2).toFixed(2) === '0.30'

比较小数相等时,切记不要直接使用 === 。

0.1+0.2 === 0.3 // falseMath.abs(0.1+0.2 - 0.3) <= 1e-10 // true

NaN !==NaN

NaN === NaN // falsevar a = NaN; a === a // false

正确使用parseInt

首先parseInt 接受两个参数,第一个是待parse的字符串,第二个是使用的进制。

如果不传第二个参数,进制则由第一个参数来决定。

除了用于比较null和undefined,不要使用==

请看下面例子

'true' == true // => false'true' == false // => false[] == {} // => false[] == [] // => false

关于非严格相等,只需记住下面的规则

null == null // => trueundefined == undefined  // => truenull == undefined // => trueundefined == null // => truex == null // => false (x 非 null 或 undefined)x == undefined // => false (x 非 null 或 undefined)

日期处理

new Date(year,month,day)注意参数的取值范围。

1.如果year设置1-99,会被默认加上1900。

2.month从0开始计算,0代表一月,1代表二月,以此类推。

new Date(dateString)注意浏览器时区及兼容性

new Date('2018-01-01') // => "2018/1/1 08:00:00" 新版浏览器,IE 11new Date('2018-01-01') // => "2018/1/1 00:00:00" 某些旧版安卓new Date('2018-01-01') // => "Invalid Date" IE 8(这个忽略。。。)
new Date('2018/01/01') // => "2018/1/1 00:00:00" 包括 IE 8 在内所有浏览器

小心 || 填充默认值

exp1 || exp2 的意义是:exp1 返回值为true的情况下返回exp1 否则 exp2

下面这些值是不能转成true的

1 null2 undefined3 NaN4 0 !!!5 空字符串('') !!!

最好采用下面的方法

config.prop1 = config.prop1 !== undefined ? config.prop1 : 233;config.prop2 = config.prop2 !== undefined ? config.prop2 : 'balabala';

 

转载于:https://www.cnblogs.com/peiyu1988/p/9721947.html

你可能感兴趣的文章
Linux软件包安装(rpm、yum、apt-get)
查看>>
间隔时间显示数字html代码
查看>>
fedora 启动 openssh
查看>>
uniq&cut&tee命令
查看>>
滴滴持续扩招私车 倒逼官方就范
查看>>
架构漫谈:UML中几种类间关系:继承、实现、依赖、关联、聚合、组合的联系与区别...
查看>>
[差分约束]糖果
查看>>
镜像队列
查看>>
javascript入门篇(四)
查看>>
mongodb设计模式策略之读书笔记
查看>>
编码原则:短小的函数
查看>>
第二十六篇:关系运算符和逻辑运算&&、||、!、位域(Bit Field)等
查看>>
双向多对多
查看>>
微信开发:微信js_sdk分享,使用场景,网页在微信app内部分享时的标题与描述,包括logo设置(一)...
查看>>
_cdecl与_stdcall区别
查看>>
ng2-admin安装问题
查看>>
python + slenium自动化测试设置元素等待
查看>>
hive 学习笔记精简
查看>>
Problem C: 调用函数,求a+aa+aaa+....+aa...aa(n个a)
查看>>
grunt + sass 使用记录
查看>>