javascript的优美与鸡肋

Posted 2020-09-28 淡定的魂魄

--总结来自：《javascript语言精粹》

任何语言都有其优美的地方和其鸡肋的地方。避归一些语言的糟粕，能相应的降低bug出现的几率。

优美处：

函数是头等对象

基于原型继承的动态对象

对象字面量和数组字面量

 

糟粕：

1. 全局变量

全局变量有三种表达方式：

    var声明：var foo = value;

    添加属性到全局对象上，即添加到window上：window.foo = value;

    未经声明的变量：foo = value;

虽然变量可以未经声明就使用，但是这会导致后期的很多的bug出现，并且这些bug很难被发现。

 

2. 作用域

javascript中，没有块级作用域，代码块中声明的变量在包含此代码块的函数的任何位置都是可见的。

所以，在js中最好的方式是在每个函数开头的部分声明所有变量。

 

3. 自动插入分号

javascript可以通过自动插入分号来修正有缺损的程序，但是这样会导致很多严重的bug，并且不易发现。

return

{

    status:     true

}

上面的例子中实际返回的是undefined，因为这个值表达式的开始部分必须和return在同一行上，不在一行，js就会自动补全，导致错误。

正确应该如下写法：

return {

    status:     true

}

 

4.保留字

保留字即在语言中未使用，但是保留下来为了以后可能会使用到。他们不能用来命名变量或参数。当保留字被用作对象字面量的键值时，他们必须被引号括起来。

1 关键字
break case catch continue default delete do else finally for function if in instanceof new return switch this throw try typeof var void while with
2 保留字
abstract boolean byte char class const debugger double enum export extends fimal float goto implements import int interface long mative package private protected public short static super synchronized throws transient volatile 

 

5. Unicoe

javascript是16位的。Unicoe把一对字符视为一个单一的字符，而javascript认为一对字符是两个不同的字符。具体不详...

 

6. typeof

typeof运算符返回一个用于识别其运算数类型的字符串。但是无法是别null。

 

7. parseInt

parseInt(‘16‘)和parseInt(‘16 tons‘)结果一样。如果字符串第一个字符是0，那么该字符串将被基于8进制而不是10进制，所以标准的写法是parseInt(‘08‘,10);

 

8. +

+ 运算符可以用于加法运算和字符串连接，如何执行取决于其参数的类型。只有当两个数都是整数型时才做加法运算。

 

9.浮点数

二进制的浮点数不能正确的处理十进制的小数，在javascript中，0.1 + 0.2不等于0.3。但是这个问题可以避免。如，美元可以通过乘以100而全部转成美分，然后进行加减，再将他们的和除以100来换回美元。

 

10. NaN

NaN是IEEE753中定义的一个特殊的数量值。它表示的不是一个数字，但是typeof NaN === ‘number‘返回的是true。在代码的转换运算中会产生NaN，并且NaN不等于它自己。NaN出现不易排查，幸好isNaN()可以识别数字和NaN

 

11. 伪数组

javascript中没有正真的数组，它的数组是伪数组，性能很差。

type不能辨别数组和对象，需要判断是否为数组，需要检查他的constructor属性：

if (my_value && typeof my_value === ‘object‘ && typeof my_value.length === ‘number‘ && !(my_value.propertyIsEnumerable(‘length‘))) {

    //my_value 确实是一个数组

}

 

12. 假值

javascript有一堆的假值。

如0 NaN ‘’ false null undefined辨别他们的时候要特别的小心

 

13. hasOwnProperty

hasOwnProperty方法被用作一个过滤器去避开for in语句的一个问题。不幸的是，hasOwnProperty是一个方法，而不是一个运算符，所以在任何对象中，他都可能会被不同的函数甚至一个非函数的值所替换。

 

14. 对象

javascript的对象不会有空对象，因为他们可以从原型链中取得成员元素。并且伴随着很多bug的出现。

 

鸡肋：

1. ==

不要使用== 和 ！=，应该使用===和！==，===和！==将两个值的数据类型和值都进行了比较。

 

2. with语句

不要使用with，因为它会有bug的出现

 

3. eval

eval会使代码更加难以阅读，安全性和性能也都不太好。

 

4. continue语句
continue语句跳到循环的顶部。使用continue会使性能降低

 

5. switch贯穿

switch条件贯穿会导致其他的问题。有用，但是很危险。

 

6. 缺少的块语句

if / while / do 和 for语句都可以接受一个括号中的代码块，也可以接受单行语句。但是它模糊了程序的结构。严格规范并始终使用代码块会使得代码更容易理解。

 

7. ++--

这两个运算符容易促成一种不谨慎的编程风格。大多数的缓冲区溢出错误所造成的安全漏洞，都是由于像这种编码而导致的。

 

8. 位运算符

&     and按位与

|      or按位或

^      xor按位异或

        not按位非

>>    带符号的右移

>>>  无符号的右移

<<    左移

在大多数的语言中，这些位运算符接近于硬件处理而非常的快，在javascript中，位运算符不是硬件处理，速度非常的慢。它降低了这门语言的冗余度，使得bug更不易被发现。

 

9. function 语句对比函数表达式

一个function语句就是其值为一个函数的var语句的速记形式。function语句在解析时会发生被提升的情况。意味着不管function被放置在哪里，它会被移动到被定义时所在作用域的顶层。在if语句中使用function语句是被禁止的。因为大多数的浏览器都允许在if语句中使用function语句，但它们在解析时处理上各不相同。就造成了可移植性的问题。

 

10. 类型的包装对象

new Boolean(false)

会返回一个对象，该对象有一个alueOf方法会返回被包装的值。不要使用new Boolean/new Number / new String

避免使用new Object和new Array，可使用{}和[]来代替。

 

11. new

javascript的new运算符创建一个继承于其运算数的原型的新对象，然后调用该运算数，把新创建的对象绑定给this。在new和初始化的过程中会出现很多的问题。最好是不去使用new。

 

12. void

在javascript中，void是一种运算符。无效无用费解，避免使用它。