你不知道的 JavaScript 基础细节

语法部分

type 属性：默认的 type 就是 javascript，所以不必显式指定 type 为 javascript
javascript 不强制在每个语句结尾加 “；” ， javascript 会自动加分号，但是在某些情况下会改变程序的语义，所以最好主动加 “；”
两个相等运算符比较

‘==’ 相等（值相等），它会自动转换数据类型再比较，很多时候会得到非常诡异的结果

‘===’ 严格相等（数据类型和值都相等） , 它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较
NaN 与所有其他值都不相等，包括它自己：

NaN === NaN; // false

唯一能判断 NaN 的方法是通过 isNaN() 函数

isNaN(NaN); // true
浮点数比较

浮点数在运算过程中会产生误差，因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等，只能计算它们之差的绝对值，看是否小于某个阈值：Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
null 和 undefined

大多数情况下，我们都应该用 null ， undefined 仅仅在判断函数参数是否传递的情况下有用
出于代码的可读性考虑，创建数组建议使用 '[ ]'，而不使用 'new Array';
如果一个变量没有通过 'var' 声明就被使用，那么该变量就自动被声明为全局变量。使用 var 声明的变量则不是全局变量，它的范围就该被限制在该变量被声明的函数体内
启用 strict 模式（强制通过 var 声明变量）
多行字符串用反引号表示
使用模版字符串
要获取字符串某个指定位置的字符，使用类似 Array 的下标操作，索引号从 0 开始。字符串是不可变的，如果对

字符串的某个索引赋值，不会有任何错误，但是也没有任何效果
直接给 Array 的 length 赋一个新的值会导致 Array 大小的变化
如果通过索引赋值时，索引超过了范围，同样会引起 `Array` 大小的变化，但是不会有任何错误，在编写代码时，不建议直接修改 `Array` 的大小，访问索引时要确保索引不会越界
数字 30 和字符串 '30' 是不同的元素
slice() 的起止参数包括开始索引，不包括结束索引。
如果不给 slice() 传递任何参数，它就会从头到尾截取所有元素。利用这一点，我们可以很容易地复制一个 Array
空数组继续 `pop` 不会报错，而是返回 `undefined`
`concat()` 方法并没有修改当前 `Array`，而是返回了一个新的 `Array`，`concat()` 方法可以接收任意个元素和 `Array`，并且自动把 `Array` 拆开，然后全部添加到新的 `Array` 里
`javascript` 对象属性名必须是一个有效的变量名。如果属性名包含特殊字符，就必须用 `''` 括起来
如果我们要检测 `xiaoming` 是否拥有某一属性，可以用in操作符, 不过要小心，如果 `in` 判断一个属性存在，这个属性不一定是`xiaoming` 的，它可能是 `xiaoming` 继承得到的
要判断一个属性是否是 `xiaoming` 自身拥有的，而不是继承得到的，可以用 `hasOwnProperty()` 方法
JavaScript把 `null`、`undefined`、`0`、`NaN` 和空字符串 `''` 视为 `false`，其他值一概视为 `true`
由于 `Array` 也是对象，而它的每个元素的索引被视为对象的属性，因此， `for ... in` 循环可以直接循环出 `Array` 的索引
`for ... in` 循环由于历史遗留问题，它遍历的实际上是对象的属性名称， `for ... of` 循环则完全修复了这些问题，它只循环集合本身的元素

web前端/html5学习群：250777811

函数

函数如果没有 `return` 语句，函数执行完毕后也会返回结果，只是结果为 `undefined`
由于 `JavaScript` 允许传入任意个参数而不影响调用，因此传入的参数比定义的参数多也没有问题，虽然函数内部并不需要这些参数，传入的参数比定义的少也没有问题
关键字 `arguments` 类似 `Array` 但它不是一个 `Array`
不在任何函数内定义的变量就具有全局作用域。实际上， `JavaScript` 默认有一个全局对象 `window`。以变量方式 `var foo = function () {}` 定义的函数实际上也是一个全局变量。
用 `var that = this;` ，你就可以放心地在方法内部定义其他函数，而不是把所有语句都堆到一个方法中。对于普通函数调用，通常把 `this` 绑定为 `null`。
`apply()` 与 `call()`的唯一区别

- `apply()` 把参数打包成 `Array` 再传入；

- `call()` 把参数按顺序传入。
所有实例的原型引用的是函数的 prototype 属性
箭头函数内部的 `this` 是词法作用域（写代码或者定义时确定的作用域，动态作用域是在运行时确定），由上下文确定。箭头函数完全修复了 `this` 的指向，`this` 总是指向词法作用域

标准对象

如果我们在使用 `Number`、`Boolean` 和 `String` 时，没有写 `new` ，`Number()`、`Boolean()` 和 `String()` 被当做普通函数，把任何类型的数据转换为 `number`、`boolean` 和 `string` 类型（注意不是其包装类型）
不要使用 `new Number()`、`new Boolean()`、`new String()` 创建包装对象；
用 `parseInt()` 或 `parseFloat()` 来转换任意类型到 `number`；
用 `String()` 来转换任意类型到 `string` ，或者直接调用某个对象的 `toString()` 方法；
通常不必把任意类型转换为 `boolean` 再判断，因为可以直接写 `if (myVar) {...}` ；
`typeof` 操作符可以判断出 `number` 、`boolean`、`string`、`function` 和 `undefined` ；
判断 `Array` 要使用 `Array.isArray(arr)`；
判断 `null` 请使用 `myVar === null`；
判断某个全局变量是否存在用 `typeof window.myVar === 'undefined'`；
函数内部判断某个变量是否存在用 `typeof myVar === 'undefined'`。
任何对象都有 `toString()` 方法吗？ `null` 和 `undefined` 就没有！
`number` 对象调用 `toString()` 报 `SyntaxError`

web前端/html5学习群：250777811

欢迎关注此公众号→【web前端EDU】跟大佬一起学前端！欢迎大家留言讨论一起转发