赋值运算符应用错误
- 赋值:
=
- 比较(等于):
==
```javascript var x = 0; if (x = 10) // => true,因为10为true
var x = 0; if (x = 0) // => false,因为0为false
赋值语句返回变量的值。
<a name="FdN8I"></a>
# 比较运算符常见错误
- 赋值:`==`
- 恒等计算符:`===`比较大小和类型
**switch 语句会使用恒等计算符(===)进行比较:**
```javascript
var x = 10;
switch(x) {
case 10: alert("Hello"); // => 执行弹窗
}
var x = 10;
switch(x) {
case "10": alert("Hello"); // => 不会执行弹窗
}
加法与连接注意事项
加法是两个数字相加。
连接是两个字符串连接。
JavaScript 的加法和连接都使用 + 运算符。
浮点型数据使用注意事项
JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存储。
所有的编程语言,包括 JavaScript,对浮点型数据的精确度都很难确定:
var x = 0.1;
var y = 0.2;
var z = x + y // z 的结果为 0.30000000000000004
if (z == 0.3) // 返回 false
为解决以上问题,可以用整数的乘除法来解决:
var z = (x * 10 + y * 10) / 10; // z 的结果为 0.3
JavaScript 字符串分行
JavaScript 允许我们在字符串中使用断行语句:直接回车分行是错的,需要加上反斜杠**\**
错误的使用分号
以下实例中,if 语句失去方法体,原 if 语句的方法体作为独立的代码块被执行,导致错误的输出结果。
由于分号使用错误,if 语句中的代码块就一定会执行:
if (x == 19);
{
// code block
}
return 语句使用注意事项
JavaScript 默认是在代码的最后一行自动结束。
以下两个实例返回结果是一样的(一个有分号一个没有):
// 实例1
function myFunction(a) {
var power = 10
return a * power
}
// 实例2
function myFunction(a) {
var power = 10;
return a * power;
}
// 实例3:JavaScript 也可以使用多行来结束一个语句
function myFunction(a) {
var
power = 10;
return a * power;
}
// 实例4:以下实例结果会返回 undefined:
function myFunction(a) {
var
power = 10;
return
a * power;
}
// 实例4相当于
function myFunction(a) {
var
power = 10;
return; // 分号结束,返回 undefined
a * power;
}
原因:
- 如果是不完整的语句,比如一个
var
,会自动获取下一行的内容 - 但如果是完整的语句,比如
return
,会自动关闭语句return;
在 JavaScript 中,分号是可选的 。
由于 return 是一个完整的语句,所以 JavaScript 将关闭 return 语句。
数组中使用名字来索引
许多程序语言都允许使用名字来作为数组的索引。
使用名字来作为索引的数组称为关联数组(或哈希)。
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
定义数组元素,最后不能添加逗号
数组最后一个值的后面添加逗号虽然语法没有问题,但是在不同的浏览器可能得到不同的结果。
var colors = [5, 6, 7,];
这样数组的长度可能为3 也可能为4points = [40, 100, 1, 5, 25, 10];
正确的定义方式
定义对象,最后不能添加逗号
- 错误的定义方式:
websites = {site:"菜鸟教程", url:"www.runoob.com", like:460,}
- 正确的定义方式:
websites = {site:"菜鸟教程", url:"www.runoob.com", like:460}
Undefined 不是 Null
在 JavaScript 中, null 用于对象, undefined 用于变量,属性和方法。
对象只有被定义才有可能为 null,否则为 undefined。
如果我们想测试对象是否存在,在对象还没定义时将会抛出一个错误。
- 错误的使用方式:
if (myObj !== null && typeof myObj !== "undefined")
- 正确的方式是我们需要先使用 typeof 来检测对象是否已定义:
if (typeof myObj !== "undefined" && myObj !== null)
程序块作用域
在每个代码块中 JavaScript 不会创建一个新的作用域,一般各个代码块的作用域都是全局的。
以下代码的的变量 i 返回 10,而不是 undefined:
for (var i = 0; i < 10; i++) {
// some code
}
return i; // => 10