javascript使用误区

1.在头部声明变量

虽然 JavaScript 有变量提升功能：变量可以先使用后申明（初始化不行），但是为了避免错误发生最好还是在在头部声明变量。

2.使用严格模式,减少代码错误

https://www.runoob.com/js/js-strict.html

3.使用误区

3.1 赋值运算符应用错误

3.2 比较运算符常见错误

这种错误经常会在 switch 语句中出现，switch 语句会使用恒等计算符(===)进行比较:

3.3 浮点型数据使用注意事项

JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存储。

所有的编程语言，包括 JavaScript，对浮点型数据的精确度都很难确定：

var x = 0.1;
var y = 0.2;
var z = x + y            // z 的结果为 0.3
if (z == 0.3)            // 返回 false z=0.30000000000000004

为解决以上问题，可以用整数的乘除法来解决：

实例

var z = (x * 10 + y * 10) / 10;       // z 的结果为 0.3

3.4 JavaScript 字符串分行

字符串断行需要使用反斜杠()，如下所示:

var x = "Hello \
World!";

3.5 return 语句使用注意事项

由于 return 是一个完整的语句，所以 JavaScript 将关闭 return 语句。
return = return;
不用对 return 语句进行断行

3.6 数组中使用名字来索引

JavaScript 不支持使用名字来索引数组，只允许使用数字索引。

实例

var person = [];
person[0] = "John";
person[1] = "Doe";
person[2] = 46;
var x = person.length;         // person.length 返回 3
var y = person[0];             // person[0] 返回 "John"

在 JavaScript 中, 对象 使用 名字作为索引。

如果你使用名字作为索引，当访问数组时，JavaScript 会把数组重新定义为标准对象。

执行这样操作后，数组的方法及属性将不能再使用，否则会产生错误:

实例

var person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
var x = person.length;         // person.length 返回 0
var y = person[0];             // person[0] 返回 undefined

3.7

定义数组元素，最后不能添加逗号
添加逗号虽然语法没有问题，但是在不同的浏览器可能得到不同的结果。

var colors = [5, 6, 7,]; //这样数组的长度可能为3 也可能为4。
正确的定义方式：

points = [40, 100, 1, 5, 25, 10];

定义对象，最后不能添加逗号
错误的定义方式：

websites = {site:“菜鸟教程”, url:“www.runoob.com”, like:460,}
正确的定义方式：

websites = {site:“菜鸟教程”, url:“www.runoob.com”, like:460}

3.8 Undefined 不是 Null

在 JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。

对象只有被定义才有可能为 null，否则为 undefined。

如果我们想测试对象是否存在，在对象还没定义时将会抛出一个错误。

错误的使用方式：

if (myObj !== null && typeof myObj !== “undefined”)
正确的方式是我们需要先使用 typeof 来检测对象是否已定义：

if (typeof myObj !== “undefined” && myObj !== null)

3.9 程序块作用域

在每个代码块中 JavaScript 不会创建一个新的作用域，一般各个代码块的作用域都是全局的。

以下代码的的变量 i 返回 10，而不是 undefined：

for (var i = 0; i < 10; i++) {
    // some code
}
return i;