我所了解的JavaScript糟粕和鸡肋

糟粕

全局变量

众所周知,全局变量在很小的程序中可能会带来方便,但随着程序变得越来大,全局变量将难以处理,全局变量将降低程序的可靠性。

在js中有3种方式定义全局变量

脱离任何函数安排一个var语句   //var foo=value;

直接添加一个属性到全局对象上  //window.foo=value;

直接使用未经声明的变更(其实这叫隐匿全局变量)    //foo=value;

作用域

众所周知,在JavaScript中没有块级作用域,而且在JavaScript有提升变量声明的功能,所以最好的方式是在每个函数的开头部分声明所有变量。

自动插入分号

JavaScript会试图通过自动插入分号来修正有缺损的程序。

        return
        {
            status:true
        };

上面的代码大家自然的会想到会返回一个包含status成员元素的对象。但是由于JavaScript自动插入让它变成了一个返回undefined。

所以把{放在上一行的尾部而不是下一行的头部可避免上述问题

保留字

当保留字被用作对象字面量的键值时,它们必须被引号括起来。它们不能被用在点表示法中,所以有时必须使用括号表示法。

最好不要用保留字做标识符  JavaScript保留字如下图片所列

Unicode

在阮一峰的一篇博文Unicode与JavaScript详解中特别清楚说明了JavaScript的编码。

简述一点的说就是JavaScript的字符是16位的,所以在编码方面很多字符表示出来都是很有困难的。

typeof

typeof null返回的却是object

typeof /a/ 有一些会返回为object而其它的却返回function

parseInt

将一个字符串转换为整数,但是在遇到非数字时停止解析。

如果该字符串第一个字符是0,那么该字符串将会被基于八进制而不是十进制来求值。(但关键是在ie8以下的浏览器却还是当成十进制来求值)

 建议使用parseInt时最好提供基数参数,即使转换的是十进制。

+

+主要用于加法运算或字符串连接。但是只要其中一个运行符为字符串,则返回字符串

所以在你打算用+做加法运算时,请确保两个运算数都是整数。

浮点数

在JavaScript中,0.1+0.2却不等于0.3

浮点数中的整数运算是精确的,所以小数表现出来的错误可以通过指定精度来避免。

NAN

typeof不能辨别数字和NAN,并且事实证明NAN不等同于它自己

        function isNumber(value) {
            return typeof value === ‘number‘ && isFinite(value);
        }

伪数组

在JavaScript是没有真正的数组的!在其它编程语言中,数组都是按照数字进行索引的,但是JavaScript中事实上并没有数组,数组和对象事实上并没有多大的区别,JavaScript提供了一种类数组特性的对象,它把数组下标转换为字符串,用其作为属性,属性的检查和更新的方式与对象一模一样,除了有一个可以用整数作为属性名的特性外。

        //判断是否为数组
        function isArray(value) {
            return value &&
                    typeof value === ‘object‘ &&
                    typeof value.length === ‘number‘ &&
                    typeof value.splice === ‘function‘ &&
                    !(value.propertyIsEnumerable(‘length‘));
        };

假值

在JavaScript中拥有一大堆假值,如下图所示。undefined和NAN并不是常量,它们是全局变量,而且你可以改变它们的值

hasOwnProperty

大家都知道,hasOwnProperty方法被用途一个过滤器去避开for in语句,因为它只是一个方法,所以在任何对象中,它可能会被一个不同的函数甚至一个非函数的值所替换。

        var another = {};
        var name;
        another.hasOwnProperty = null; //这里修改了hasOwnProperty方法为一个非函数值
        for (name in another) {
            if (another.hasOwnProperty(name)) {
                console.log(another[name]); //这里使用hasOwnProperty结果就报错  TypeError: object is not a function
            }
        }

鸡肋

==

永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。至于规则详情见我的另一篇文章 JS == 的转换规则

with

大家都知道with改变作用域,在有些情况下是相当方便的,但带来的性能问题却是相当沉重的。建议最好不要使用with

eval

eval带来的问题总结如下:

  • 使得代码更加难以阅读
  • 性能显著降低
  • 不利于JSLint工具检测问题
  • 降低了应用的安全性

类似于eval的还有1)Function构造器2)在setTimeout或setInterval函数中传递字符串参数

像这样的都尽量避免

continue语句

这条命令的作用是返回到循环的头部,但是循环本来就会返回到头部。所以通过适当的构造,完全可以避免使用这条命令,使得效率得到改善。通过重构移除continue语句性能方面能得到显著改善

switch贯穿

大家都知道在js的switch语句中在一个case条件可以贯穿到另一个case中,虽然这种特性是在某些场景下是非常有用的,但是它们也是非常危险的。

缺少块的语句

建议即使只有一条语句,在if、while、do或for中还是用花括号把它们括起来

++   --

当用++和--时,代码往往变得过于紧密和隐晦,所以作为一条原则建议不要使用它们

表面上可以让代码变得很紧凑,但是实际上会让代码看上去更复杂和更晦涩。因此为了代码的整洁性和易读性,不用为好。

位操作符

JavaScript没有整数类型,只有双精度的浮点数,因此位操作符将它们的数字运算先转换成整数,接着执行运算然后再转换回去,所以在JavaScript中,位操作符运算效率并不高,所以建议少使用它。

备注:

  • JavaScript中是没有整型概念的,但利用好位操作符可以轻松处理,同时获得效率上的提升。
  • |0和~~是很好的一个例子,使用这两者可以将浮点转成整型且效率方面要比同类的parseInt,Math.round 要快。在处理像素及动画位移等效果的时候会很有用。

function语句

在Javascript中定义一个函数,有两种写法:

 function foo() { }//第一种

 var foo = function () { }//第二种

两种写法完全等价。但是在解析的时候,前一种写法会被解析器自动提升到代码的头部,因此违背了函数应该先定义后使用的要求,所以建议定义函数时,全部采用后一种写法。

类型的包装对象

JavaScript有一套类型的包装对象。不要使用new Boolean、new Number或new String            也就是说不要像下面这样

    new String("Hello World");
  new Number(2000);
  new Boolean(false); 

此外也请避免使用new Object和new Array,可使用{}和[]来代替

new

使用new时应谨慎,避免因为它而造成this的污染全局对象。

在JavaScript中类是这样定义

  var Cat = function (name) {
    this.name = name;
    this.saying = ‘meow‘ ;
  }

生成对象如下代码所示

  var myCat = new Cat(‘mimi‘);

这种利用函数生成类、利用new生成对象的语法,其实非常奇怪,一点都不符合直觉。而且,使用的时候,很容易忘记加上new,就会变成执行函数,然后莫名其妙多出几个全局变量。所以,建议不要这样创建对象,而采用一种变通方法。

Douglas Crockford给出了一个函数:

  Object.beget = function (o) {
    var F = function (o) {};
    F.prototype = o ;
    return new F;
  };

创建对象时就利用这个函数,对原型对象进行操作:

  var Cat = {
    name:‘‘,
    saying:‘meow‘
  };
  var myCat = Object.beget(Cat);

void

在JavaScript中,void是一个运算符,它接受一个运算数并返回undefined。这个命令没什么用,而且很令人困惑,建议避免使用。

时间: 2024-10-29 19:09:47

我所了解的JavaScript糟粕和鸡肋的相关文章

JavaScript糟粕和鸡肋

糟粕 全局变量 众所周知,全局变量在很小的程序中可能会带来方便,但随着程序变得越来大,全局变量将难以处理,全局变量将降低程序的可靠性. 在js中有3种方式定义全局变量 脱离任何函数安排一个var语句   //var foo=value; 直接添加一个属性到全局对象上  //window.foo=value; 直接使用未经声明的变更(其实这叫隐匿全局变量)    //foo=value; 作用域 众所周知,在JavaScript中没有块级作用域,而且在JavaScript有提升变量声明的功能,所以

编写简洁的 JavaScript 代码

作者:尹锋链接:https://www.zhihu.com/question/20635785/answer/223515216来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 避免使用 js 糟粕和鸡肋 这些年来,随着 HTML5 和 Node.js 的发展,JavaScript 在各个领域遍地开花,已经从"世界上最被误解的语言"变成了"世界上最流行的语言".但是由于历史原因,JavaScript 语言设计中还是有一些糟粕和鸡肋,比如

文章目录

chrome 利用chorme调试手机网页 Chrome控制台 JS调试的一些小技巧 chrome使用技巧(看了定不让你失望) 我所了解的chrome 你可能不知道console强大 CSS3精典 css3新增属性API CSS收集的常用代码(与打印相关) CSS3动画(性能篇) css编写规范 CSS读书笔记系列 看<css知多少>的一些总结 你所不了解的float(滥用float的怪异现象) CSS3系列四(Media Queries移动设备样式) CSS3系列一(概述.选择器.使用选择器

javascript语言精粹----笔记【转载】

javascript语言精粹----笔记 1.6种值会为假(==false),分别是false,null,undefined,' ',0,NaN 2.typeof有6种值,分别是'number','string','boolean','undefined','function','object';其中typeof(null),结果是'object' 3.number类型总是64位浮点数,两个整数相除也可能出现非整数结果 4.如果第一个运算数的值为假,那么运算符&&产生它的第一个运算数的值.

javascript——从「最被误解的语言」到「最流行的语言」

JavaScript曾是"世界上最被误解的语言".由于它担负太多的特性.包含糟糕的交互和失败的设计,但随着Ajax的到来.JavaScript"从最受误解的编程语言演变为最流行的语言",这除了幸运之外,也证明了它事实上是一门优秀的语言. 我们应该把 javascript 当作一门真正的编程语言,而不是玩具语言. 1.JavaScript Dom编程艺术 推荐:<JavaScript Dom编程艺术> 理由:此书绝对是入门的好书.本人也是在接触JS一段时间

网摘读书笔记----javascript语言精粹

原文链接:http://www.cnblogs.com/Cohlint/archive/2012/11/26/2788790.html 1.6种值会为假(==false),分别是false,null,undefined,' ',0,NaN 2.typeof有6种值,分别是'number','string','boolean','undefined','function','object';其中typeof(null),结果是'object' 3.number类型总是64位浮点数,两个整数相除也可

12种不宜使用的Javascript语法

作者: 阮一峰 这几天,我在读<Javascript语言精粹>. 这本书很薄,100多页,正好假日里翻翻. 该书的作者是Douglas Crockford,他是目前世界上最精通Javascript的人之一,也是Json格式的创造者. 他认为Javascript有很多糟粕.因为1995年Brendan Eich设计这种语言的时候,只用了三个月,很多语言特性没有经过深思熟虑,就推向了市场.结果等到人们意识到这些问题的时候,已经有100万程序员在使用它了,不可能再大幅修改语言本身了.所以,Dougl

12种不宜使用的Javascript语法(转)

转自阮一峰: 最近写的一些小东西,总是出各种各样的问题,用了angular.js反应居然比我的jQuery还慢,客户吐槽了,我又把一个小操作,改成了jQuery.浏览一下大神的的博客.转载一点东西: <Javascript语言精粹> 该书的作者是Douglas Crockford,他是目前世界上最精通Javascript的人之一,也是Json格式的创造者. 他认为Javascript有很多糟粕.因为1995年Brendan Eich设计这种语言的时候,只用了三个月,很多语言特性没有经过深思熟虑

《JavaScript语言精粹》【PDF】下载

<JavaScript语言精粹>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382204 内容简介 javascript曾是"世界上最被误解的语言",因为它担负太多的特性,包括糟糕的交互和失败的设计,但随着ajax的到来,javascript"从最受误解的编程语言演变为最流行的语言",这除了幸运之外,也证明了它其实是一门优秀的语言.douglascrockford在本书中剥开了javascrip