`
lizhuang
  • 浏览: 906132 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

说明你javascript写的很烂的5个问题

阅读更多


Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。
1. 你没有使用命名空间。

是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?Javascript里的全局变量的使用方法也不例外。Web网页稍不留神就会变的混乱不堪、到处都是从互联网上各个角落里找来的乱糟糟的相互侵犯的脚本和脚本库。如果你把一个变量命名成loader(),那你是成心自找麻烦。如果你在无意识的情况下重载了一个函数,Javascript根本不会提醒你。你还把它叫做一种学前教育编程语言,还记得吧?我要说的是,你需要知道在做了这些后发生什么情况。

    function derp() { alert(“one”); }
    function derp() { alert(“two”); }
    derp();

“two”,答案是“two”。并不是一定会这样,它也可能是“one”。所以,把你所有的代码都放在自己的命名空间里,这很容易。下面是定义自己的命名空间的一个简单做法。

    var foospace={};
    foospace.derp=function() { alert(“one”); }
    function derp() { alert(“two”); }
    foospace.derp();

2. 你在变戏法,你把变量定义的东一个西一个。

你使用莫名其妙的数字字母组合作为变量名是一个双输的结局。在40行的代码块了中寻找一个不带任何表意的字符变量,对于维护工作来说简直是场噩梦。把对变量的第一次声明混合到一个40行的代码块里同样也是一场噩梦。即使你自己遇到这样的变量时,你也要不由的问自己:“这是在哪里定义的?”,然后迅速的使用Ctrl+F组合在源代码里寻找这个变量最初定义的位置。不,不要这样,相反,这是对Javascript的滥用,是一种愚蠢的做法。你应该始终把变量定义在它的使用范围的顶部。并不能说因为这不是必须的,你就可以不这样做。

    function() {
    var a, //description
    b; //description
    //process…
    }

3. 你没有理解Javascript的变量范围。

你是个天才的程序员,你吃的是C++、拉的是List。你知道什么是变量范围,你对你的变量有完全的控制,你就像太上皇似的的注视着它们。然而,Javascript却在你的咖啡里拉了一泡屎,并且大笑不止。

    var herp=”one”;
    {
    var herp=”two”;
    }
    alert(herp);

在这种情况下你得到的herp不是“one”,而是“two”。Javascript的变量有效范围并不是跟其它语言一样依赖于代码块。Javascript的变量范围是以函数为基础的。每个函数都有它自己的变量范围,Javascript这一点上表现的很酷,根本不理睬这毫无意义的花括弧包起来的范围。事实上,Javascript是如此的酷,以至于你甚至可以将变量范围像命名空间或变量那样进行传递。
4. 你以为Javascript的面向对象特征只是嫁接而来的。

Javascript,自从呱呱落地起,它就是一个面向对象的语言。所有的东西在Javascript里都是对象,所有的!甚至数字和字符这样的文字符号都可以通过它自身固有的构造器转化成对象。跟其它面向对象的语言比起来,Javascript的不同之处在于,它没有类(class)。Javascript对象像函数那样定义,甚至函数自己也是对象。Javascript有个属性叫做prototype,所有对象里都内置了这个属性,你可以通过它来改变对象的构造,修改对象、添加更多的变量、更多的功能。

    var derp; // will hold a Herp instance
    var Herp= function() {
    this.opinion=”Javascript is cooler than BASIC.”;
    }
    Herp.prototype.speak=function() { alert(this.opinion); }
    var derp= new Herp();
    derp.speak();

如果这个看起来跟你毫不相干,我愿意介绍我的好朋友Google给你,Google擅长于帮助人们学习知识。面向对象对于我这篇简短的、低姿态的文章来说实在是个太大的话题。
5. 你使用“new”关键字时就像是盲人瞎马。

Javascript肯定是你的初恋女友,因为你显得无所适从。如果你想像真人那样取悦Javascript,你需要去了解对象符号。除了在需要实例化一个对象,或罕见的需要延时加载数据的情况外,你基本上不需要使用new关键字。在Javascript里分配大量的new变量地址是一项很慢的操作,为了效率起见,你应该始终使用对象符号。

    var rightway= [1, 2, 3];
    var wrongway= new Array(1, 2, 3);

是否还记得我说过Javascript的变量范围是以函数为基础的?是否还记得有人说Javascript的对象像函数那样定义?如果你不使用new关键字来声明一个对象,你将会使这个对象成为全局范围内的对象。所以,永远使用new关键字来声明对象是一个好习惯。

    var derp=”one”;
    var Herp=function() {
    this.derp=”two”;
    }
    var foo=Herp();
    alert(derp);

如果你这样写,Javascript并不会在意,而你真正弹出的答案是“two”!有很多方法可以防止对象做出这样的行为,可以以使用instanceOf,但更好的方法是正确的使用new关键字,这样显得更专业。

现在你知道你的Javascript代码写的很烂了吧,如果你记住了上面所说的东西,你的代码就会有所改善。我喜欢用3个tab键来缩进代码,我喜欢用下划线来连接单词,我喜欢把函数名首字母大写来表示它是对象。当然,这个是另外一场讨论了。有很多原因会导致你的Javascript代码写的很烂,就像我有很多技术很烂一样,所以,尽情的在评论里表达你的意见,支持,反对,不吝赐教
分享到:
评论

相关推荐

    能说明你的Javascript技术很烂的五个原因

    ### 能说明你的JavaScript技术很烂的五个原因 #### 一、忽视命名空间的重要性 **问题:** 在JavaScript中,不使用命名空间会导致全局变量污染,进而引发一系列问题。例如,如果你在一个项目中使用了大量的库或者...

    说明你的Javascript技术很烂的五个原因

    本文是从 5 Reasons Your Javascript Stinks 这篇文章翻译而来。...这里有五个原因能说明你的Javascript技术很烂。  1. 你没有使用命名空间。  是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?Javascri

    能说明你的Javascript技术很烂的五个原因分析

    这里有五个原因能说明你的Javascript技术很烂。 1. 你没有使用命名空间。 是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?Javascript里的全局变量的使用方法也不例外。Web网页稍不留神就会变的混乱不堪...

    5个书写JavaScript代码的坏习惯,看看你中枪了没?

    这里有五个原因能说明你的Javascript技术很烂。 1. 你没有使用命名空间。 是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?Javascript里的全局变量的使用方法也不例外。Web网页稍不留神就会变的混乱不堪...

    再谈javascript原型继承

    Javascript原型继承是一个被说烂掉了的话题,但是自己对于这个问题一直没有彻底理解,今天花了点时间又看了一遍《Javascript模式》中关于原型实现继承的几种方法,下面来一一说明下,在最后我根据自己的理解提出了一...

    mattsucks:马特很烂,你应该告诉他

    【标题】:“mattsucks: 马特很烂,你应该告诉他” 这个标题看似是一个贬义的评价,但其实可能是编程领域中一个项目或者代码库的命名方式,以一种幽默或者自嘲的方式表达。在编程社区,这种命名并不罕见,有时用于...

    JavaScript Table行定位效果

    给tr设置relative后就能相对table定位了,看来很简单啊,但问题是这个方法ie8和ff都无效,而且存在很多问题,所以很快就被抛弃了。 ps:该效果用来做tr的拖动会很方便。 接着想到的是给table插入一个新tr,克隆原来...

    Taobao-AutoOrder:JavaScript(Node.js)+ Selenium 实现淘宝抢单

    程序写的比较烂,但是够我自己用了,望各路大牛指教。使用说明:**注意:**只把要买的东西提前加购物车,程序运行过程中会全选中购物车中的商品,全部结算,直到提交订单这一步结束。所以不买的东西别放在购物车啊啊...

    玩机器烂梗收集网站,6657玩小将的在线批事本.zip

    标题中的“玩机器烂梗收集网站,6657玩小将的在线批事本”可能是指一个专门搜集与机器学习、人工智能相关的网络流行语、术语或者趣闻的平台,6657玩小将可能是这个网站或社区的昵称。"在线批事本"可能是一种幽默的...

    Liues-IPCard:初期代码,写的很烂(应该不会维护了)

    这个项目的核心功能是创建一个具备显示天气信息的IP签名档,这意味着它可能是一个用于网络论坛或者聊天平台的个性化签名工具,用户可以展示自己的IP地址的同时,还能看到实时的天气情况。 【描述详解】 描述中提到...

    apps-for-android

    •Clickin2DaBeat:一个游戏,捣烂了YouTube的自定义节奏的游戏逻辑。 •DivideAndConquer:一个游戏中,你必须隔离他们围绕创建墙壁弹跳球。 •HeightMapProfiler:一个简单的3D性能测试工具,它呈现一个三维高程图...

    Javaweb_chatroom:这是本学期的课程设计,做的很烂。只实现了基本的使用websocket聊天以及表情发送,

    该项目名为"Javaweb_chatroom",是基于JavaWeb技术进行的一次课程设计,虽然作者自谦为“做的很烂”,但对于我们学习和理解JavaWeb应用,特别是WebSocket聊天功能的实现,仍具有一定的参考价值。下面我们将详细探讨...

    Javascript中的包装类型介绍

    那就是string类型是属于基本类型,不属于引用类型,那就说明string的值是保存在“栈”上面的,而很多语言不是这样,比如C#,我觉得js不作为引用类型也是情有可原,毕竟它玩不了多线程,而C#中一个线程栈空间只分配1M...

    roster.io:不烂的花名册

    "roster.io: 不烂的花名册"项目似乎是一个基于JavaScript的工具,旨在创建一个功能完善的人员名单管理应用。这个项目特别关注了D3库与React框架的集成,以实现数据可视化和用户交互功能。以下是对这个项目核心知识点...

    jQuery_UI全教程之一_dialog以及Datepicker使用说明

    为了控制 Dialog 的显示和隐藏,可以定义一个 JavaScript 函数,例如 `open_dialog()`,并通过页面中的按钮触发该函数: ```html <!-- HTML 结构 --> 打开" onclick="open_dialog();"/> ``` 当用户点击“打开”...

    烂脚本:会让您流连忘返的脚本:smiling_face_with_heart-eyes::laptop_computer:

    烂脚本 :pushpin: 介绍 Rotten Scripts包含了用Python,JavaScript,Bash,Powershell等编写的惊人而令人敬畏的脚本。 将此存储库视为您的个人空间,以查找或添加任何新脚本,从而使我们和作为开发人员的开源社区变...

    WordPress反垃圾评论的功能插件

    在页面中也不需要进行特别的设置,安装启用就可以了,如果你对后台的选项感兴趣,你可以研究下,上图中有这样一段话 “Your theme must have a ('comment_form', $post->ID); ?> tag inside your comments....

    NoMorePasswordsJustEmail:没有密码的网站帐户的概念证明,仅使用电子邮件地址进行注册和登录验证

    NoMorePasswordsJustEmail(NMPJE)-因为密码很烂很烂很烂 这是一个概念验证网站,没有帐户密码,仅使用电子邮件地址进行注册和登录验证,如 跳到: 密码到底有什么不好? 密码很烂。 好的,强度高的密码很难思考,...

Global site tag (gtag.js) - Google Analytics