内容

教材来自<<菜鸟学堂>>


赋值运算符应用错误

 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;