赋值运算符应用错误

  • 赋值:=
  • 比较(等于):== ```javascript var x = 0; if (x = 10) // => true,因为10为true

var x = 0; if (x = 0) // => false,因为0为false

  1. 赋值语句返回变量的值。
  2. <a name="FdN8I"></a>
  3. # 比较运算符常见错误
  4. - 赋值:`==`
  5. - 恒等计算符:`===`比较大小和类型
  6. **switch 语句会使用恒等计算符(===)进行比较:**
  7. ```javascript
  8. var x = 10;
  9. switch(x) {
  10. case 10: alert("Hello"); // => 执行弹窗
  11. }
  12. var x = 10;
  13. switch(x) {
  14. case "10": alert("Hello"); // => 不会执行弹窗
  15. }

加法与连接注意事项

加法是两个数字相加。
连接是两个字符串连接。
JavaScript 的加法和连接都使用 + 运算符。

浮点型数据使用注意事项

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

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

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

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

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

JavaScript 字符串分行

JavaScript 允许我们在字符串中使用断行语句:直接回车分行是错的,需要加上反斜杠**\**

错误的使用分号

以下实例中,if 语句失去方法体,原 if 语句的方法体作为独立的代码块被执行,导致错误的输出结果。

由于分号使用错误,if 语句中的代码块就一定会执行:

  1. if (x == 19);
  2. {
  3. // code block
  4. }

return 语句使用注意事项

JavaScript 默认是在代码的最后一行自动结束。

以下两个实例返回结果是一样的(一个有分号一个没有):

  1. // 实例1
  2. function myFunction(a) {
  3. var power = 10
  4. return a * power
  5. }
  6. // 实例2
  7. function myFunction(a) {
  8. var power = 10;
  9. return a * power;
  10. }
  11. // 实例3:JavaScript 也可以使用多行来结束一个语句
  12. function myFunction(a) {
  13. var
  14. power = 10;
  15. return a * power;
  16. }
  17. // 实例4:以下实例结果会返回 undefined:
  18. function myFunction(a) {
  19. var
  20. power = 10;
  21. return
  22. a * power;
  23. }
  24. // 实例4相当于
  25. function myFunction(a) {
  26. var
  27. power = 10;
  28. return; // 分号结束,返回 undefined
  29. a * power;
  30. }

原因:

  • 如果是不完整的语句,比如一个var,会自动获取下一行的内容
  • 但如果是完整的语句,比如return,会自动关闭语句return;

在 JavaScript 中,分号是可选的 。
由于 return 是一个完整的语句,所以 JavaScript 将关闭 return 语句。

数组中使用名字来索引

许多程序语言都允许使用名字来作为数组的索引。
使用名字来作为索引的数组称为关联数组(或哈希)。
JavaScript 不支持使用名字来索引数组,只允许使用数字索引。

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

在 JavaScript 中, 对象 使用 名字作为索引。
如果使用名字作为索引,当访问数组时,JavaScript 会把数组重新定义为标准对象。
执行这样操作后,数组的方法及属性将不能再使用,否则会产生错误:

  1. var person = [];
  2. person["firstName"] = "John";
  3. person["lastName"] = "Doe";
  4. person["age"] = 46;
  5. var x = person.length; // person.length 返回 0
  6. var y = person[0]; // person[0] 返回 undefined

定义数组元素,最后不能添加逗号

数组最后一个值的后面添加逗号虽然语法没有问题,但是在不同的浏览器可能得到不同的结果。

  • 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}

Undefined 不是 Null

在 JavaScript 中, null 用于对象, undefined 用于变量,属性和方法。
对象只有被定义才有可能为 null,否则为 undefined。
如果我们想测试对象是否存在,在对象还没定义时将会抛出一个错误。

  • 错误的使用方式:

if (myObj !== null && typeof myObj !== "undefined")

  • 正确的方式是我们需要先使用 typeof 来检测对象是否已定义:

if (typeof myObj !== "undefined" && myObj !== null)

程序块作用域

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

以下代码的的变量 i 返回 10,而不是 undefined:

  1. for (var i = 0; i < 10; i++) {
  2. // some code
  3. }
  4. return i; // => 10