JavaScript强化教程——使用误区

本文为H5EDU机构官方HTML5培训教程，主要介绍：JavaScript强化教程——使用误区

JavaScript使用误区

本章节我们将讨论JavaScript的使用误区。

赋值运算符应用错误

在JavaScript程序中如果你在if条件语句中使用赋值运算符的等号(=)将会产生一个错误结果,正确的方法是使用比较运算符的两个等号(==)。

if条件语句返回false(是我们预期的)因为x不等于10:

varx=0;

if(x==10)

if条件语句返回true(不是我们预期的)因为条件语句执行为x赋值10，10为true:

varx=0;

if(x=10)

if条件语句返回false(不是我们预期的)因为条件语句执行为x赋值0，0为false:

varx=0;

if(x=0)

Note赋值语句返回变量的值。

比较运算符常见错误

在常规的比较中，数据类型是被忽略的，以下if条件语句返回true：

varx=10;

vary="10";

if(x==y)

在严格的比较运算中，===为恒等计算符，同时检查表达式的值与类型，以下if条件语句返回false：

varx=10;

vary="10";

if(x===y)

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

以下实例会执行alert弹窗：

varx=10;

switch(x){

case10:alert("Hello");

}

以下实例由于类型不一致不会执行alert弹窗：

varx=10;

switch(x){

case"10":alert("Hello");

}

加法与连接注意事项

加法是两个数字相加。

连接是两个字符串连接。

JavaScript的加法和连接都使用+运算符。

接下来我们可以通过实例查看两个数字相加及数字与字符串连接的区别：

varx=10+5;//x的结果为15

varx=10+"5";//x的结果为"105"

使用变量相加结果也不一致:

varx=10;

vary=5;

varz=x+y;//z的结果为15

varx=10;

vary="5";

varz=x+y;//z的结果为"105"