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代码写的很烂, 就像我有很多技术很烂一样,所以,尽情的在评论里表达你的意见,支持,反对,不吝赐教。

非常感谢rogeliorv 和 Jared Wein指出第五点中存在的错误。你们很强。

转载于:https://www.cnblogs.com/Hero-Qiang/archive/2011/04/15/2016673.html

能说明你的Javascript技术很烂的五个原因相关推荐

  1. 编写代码的软件用什么编写的_编写正确的代码很重要的5个原因

    编写代码的软件用什么编写的 In November of last year, OVO Energy sponsored a study finding that "If every Bri ...

  2. JavaScript技术

    ● &运算符_1.htm ● ·JavaScript的脆弱性_1.htm ● ·JavaScript技巧环绕三维文字_1.htm ● ·JavaScript时间显示三大心法_1.htm ● · ...

  3. 计算机行业是更看重学历还是技术?16年技术很重要,21年技术最重要

    文章目录 那计算机行业是更看重学历还是技术呢? 那么计算机专业同学该如何提高.如何学习? 一.疯狂学代码 二.看经典计算机书籍 三.看优质公开课 1. 哈佛大学 CS50 2.麻省理工计算机整合 入门 ...

  4. ppt怎么让人耳目一新_哦,您认为Java很烂吗? 多么令人耳目一新

    ppt怎么让人耳目一新 还在谈论销售会议中的信贷紧缩吗? 对猪流感感到惊慌? 那那个怪异的Lady Gaga怎么样-她接下来会做什么? 所有这些都是2009年Twitter的主要趋势.2009年也&q ...

  5. 远程工作_成为远程工作者很烂-远程工作者万岁

    远程工作 I've been a 100% remote worker at Microsoft for just about 5 years now. My last two jobs were b ...

  6. 什么是前端?以及HTML/DIV+CSS/JavaScript技术是什么?(1)

        这篇文章适用范围:     适用于:对前端.HTML/DIV+CSS/JavaScript有所耳闻,但是不理解含义     不适用:学习过3天以上前端的入门者(-.- )你去看点高阶的好么.. ...

  7. JavaScript技术地图,助你走向人生巅峰

    JavaScript几乎是当今web开发必不可少的编程语言,不管你信不信,它都是程序员的必备技能.全球的编程语言超过2500种以上, JavaScript何德何能,让它成为全世界程序员的必选呢?他爸是 ...

  8. 《转》十种更好的表达“你的代码写的很烂”的方法

    如果你有一个同事,他写的程序与其说是代码,不如说更像希腊神话中女妖美杜莎的头发,你当然不能熟视无睹,你应该做出一些反应,但你可选的合适的反应方式并没有多少:自己默默的帮他整理清楚.向上级抱怨.向其他同 ...

  9. 转 在b/s开发中经常用到的javaScript技术

    在b/s开发中经常用到的javaScript技术 一.验证类 1.数字验证内   1.1 整数   1.2 大于0的整数 (用于传来的ID的验证)   1.3 负整数的验证   1.4 整数不能大于i ...

最新文章

  1. 通过小故事,了解多一点何谓 Node 高性能
  2. CString与LPCWSTR的转化
  3. 深度学习:卷积神经网络(convolution neural network)
  4. Hystrix之Dashboard的常见问题
  5. Java集合框架:TreeMap
  6. 抓取页面图片元素并保存到本机电脑
  7. MDK linker和debug的设置以及在RAM中调试
  8. [codevs1039]数的划分
  9. getComputedStyle与currentStyle获取样式(style/class)
  10. ticketea如何从一体化转向多体化架构
  11. Web开发者必备的十大网站资源(转贴)
  12. 图示电路中的等效电阻rab_例1求图示电路的等效电阻rab.ppt
  13. 怎样用计算机算代数,计算机与代数-如何计算sqrt-方法和实现 - 小黑电脑
  14. Typora无法打开提示安装新版本解决办法
  15. linux系统编程实训总结,linux实训总结与体会
  16. 【实用篇】Python操作word
  17. 爱剪辑如何解决分段视频在串接处快两秒的问题
  18. 【 vue 】局部样式与全局样式
  19. 西门子200smart与电流表Modbus RTU通讯
  20. PHP开发微信支付小微商户V3版本 图片上传、生成签名、平台证书获取、平台证书编号、敏感信息加密

热门文章

  1. CFRunLoopRef 的内部逻辑(向 ibireme学习)
  2. C#基础系列:实现自己的ORM(反射以及Attribute在ORM中的应用)
  3. manage.py命令
  4. android 每个块半径不同的扇形图,自定义view
  5. (一)Android Studio 安装部署 华丽躲坑
  6. 交流一点CCNP学习经验
  7. 可突破任意ARP防火墙,以限制流量为目标的简单网络管理软件
  8. Case When 解决简单的是与否
  9. c# 网站在服务器上第一次请求都需要耗时很久,最.net面试题目.doc
  10. 博客 rss 如何使用_如何使用RSS从您的GatsbyJS博客自动交叉发布