教材来自<<菜鸟学堂>>
赋值运算符应用错误
if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果,
正确的方法是使用比较运算符的两个等号 (==)。
var x = 0; if (x == 10) // 返回 false var x = 0; if (x = 10) // 返回 true var x = 0; if (x = 0) //返回 false
比较运算符常见错误
==在常规的比较中,数据类型是被忽略的
=== 为恒等计算符,同时检查表达式的值与类型
switch 语句会使用恒等计算符(===)进行比较:
var x = 10; var y = "10"; if (x == y) // 返回 true var x = 10; var y = "10"; if (x === y) // 返回 false var x = 10; switch(x) { case 10: alert("Hello"); // 执行 alert 弹窗 } var x = 10; switch(x) { case "10": alert("Hello"); // 不会执行 alert 弹窗 }
加法与连接注意事项
加法是两个数字相加。
连接是两个字符串连接
JavaScript 的加法和连接都使用 + 运算符。
var x = 10 + 5; // x 的结果为 15 var x = 10 + "5"; // x 的结果为 "105" var x = 10; var y = 5; var z = x + y; // z 的结果为 15 var x = 10; var y = "5"; var z = x + y; // z 的结果为 "105"
浮点型数据使用注意事项
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
JavaScript 字符串分行
JavaScript 允许我们在字符串中使用断行语句:
var x = "Hello World!"; // 没问题 var x = "Hello World!"; // 出错 var x = "Hello \ World!"; // 没问题
错误的使用分号
if (x == 19); { // code block // 不会执行 }
Return 语句使用注意事项
JavaScript 默认是在代码的最后一行自动结束。
以下三个实例返回结果是一样的(一个有分号一个没有):
function myFunction(a) { var power = 10 return a * power }
function myFunction(a) { var power = 10; return a * power; }
function myFunction(a) { var power = 10; return a * power; }
但是,以下实例结果会返回 undefined:
function myFunction(a) { var power = 10; return a * power; }
因为等同下:
function myFunction(a) { var power = 10; return; // 分号结束,返回 undefined a * power; }
解析
如果是一个不完整的语句,如下所示:
var
JavaScript 将尝试读取第二行的语句:
power = 10;
但是由于这样的语句是完整的:
return
JavaScript 将自动关闭语句:
return;
在 JavaScript 中,分号是可选的 。
由于 return 是一个完整的语句,所以 JavaScript 将关闭 return 语句。
注意:不用对 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"
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
定义数组元素,最后不能添加逗号
错误的定义方式:
points = [40, 100, 1, 5, 25, 10,];
正确的定义方式:
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:
for (var i = 0; i < 10; i++) { // some code } return i;