其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。
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,
-
b;
-
-
}
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;
-
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代码写的很烂,就像我有很多技术很烂一样,所以,尽情的在评论里表达你的意见,支持,反对,不吝赐教。
原文链接:http://www.aqee.net/2011/04/13/5-reasons-your-javascript-stinks/
分享到:
相关推荐
### 能说明你的JavaScript技术很烂的五个原因 #### 一、忽视命名空间的重要性 **问题:** 在JavaScript中,不使用命名空间会导致全局变量污染,进而引发一系列问题。例如,如果你在一个项目中使用了大量的库或者...
CSS技术和JavaScript技术 CSS技术是用于控制网页样式的语言,主要用于设置网页的布局、颜色、字体、背景图片等样式。CSS技术分为三种类型:内联样式、内部样式和外部样式。内联样式是将样式直接写在HTML标签中,...
这份"JavaScript技术讲解,ppt文档,javaScript技术电子教程"旨在帮助初学者和有经验的开发者深入理解和应用JavaScript。 首先,JavaScript的基本语法是讲解的重点。JavaScript是基于ECMAScript标准的,它包含了...
### Javascript技术的五个缺点分析 #### 1. 缺乏命名空间的使用 Javascript中的全局变量使用是一大弊病,它会导致变量名冲突和代码维护困难。推荐的做法是使用自定义命名空间,将代码封装在不同的命名空间内,避免...
《JavaScript核心技术》最后对于Ajax和几个流行的JavaScript库的介绍,无疑会开阔我们在JavaScript使用上的思路。 《JavaScript核心技术》是一本真正意义上的“新书”,不仅介绍了最新的JavaScript知识和方向,还...
通过深入学习和实践以上知识点,你将能够成为一名精通JavaScript核心技术的开发者,并能够有效地利用Ajax技术构建交互性强、响应速度快的Web应用。这份名为"JavaScript核心技术.doc"的文档很可能是对这些主题的详细...
《JavaScript开发技术大全》这本书无疑是深入理解和掌握JavaScript的宝贵资源。它涵盖了从基础语法到高级特性的全面内容,旨在帮助开发者从新手进阶到专家水平。 在JavaScript的世界里,基础知识点包括变量、数据...
资源名称:Javascript权威指南(第五版)内容简介:《Javascript权威指南第4版》中文版出版至今已有三年多的时间。这本《JaVascript权威指南》连续印刷5次,销售数十万册,成为很多Javascript...
《JavaScript权威指南第五版》是JavaScript编程领域内一本广受赞誉的经典著作,通常被称为“犀牛书”。这本书的英文原版提供了对JavaScript语言最原始、最深入的理解,帮助读者掌握其核心概念,以及作者David ...
第5章 JavaScript编程技术 5.1 JavaScript编程基础 5.1.1 JavaScript简介 5.1.2 Javascript的使用方法 5.1.3 语法规则 5.1.4 运算符和表达式 5.1.5 函数 5.1.6流程控制 5.1.7 事件处理 5.2 JavaScript对象编程 5.2.1...
### JavaScript内存泄露详解 #### 一、什么是JavaScript内存泄露? 在JavaScript编程中,内存泄露指的是在浏览器中不再使用的变量或对象占用的内存没有被及时回收,导致可用内存逐渐减少的现象。这种现象通常发生...
通过深入阅读"javascript 很不错的一个JavaScript学习参考书",并结合实践项目,你将能够逐步掌握以上知识点,并在JavaScript的道路上稳步前行。这本书不仅涵盖了基础知识,可能还涉及了高级概念和最佳实践,帮助你...
在《JavaScript 权威指南》第五版中,你可以期待学习到以下关键知识点: 1. **基础语法**:包括变量声明、数据类型(原始类型和引用类型)、运算符、流程控制语句(条件判断、循环)、函数等。 2. **对象和原型**...
本资源“Javascript开发技术大全源代码”提供了一个全面的JavaScript学习和实践平台,涵盖了从基础到高级的各种技术。 在JavaScript的世界里,了解基本语法是至关重要的。这包括变量、数据类型(如字符串、数字、...
《JavaScript权威指南第五版》是JavaScript编程领域的一本经典之作,深入浅出地阐述了JavaScript的核心概念和技术。这本书不仅适合初学者入门,也对有经验的开发者提供了宝贵的参考资料。CHM(Compiled Help Manual...
用JavaScript实现仿Windows关机效果 js访问xml之遍历节点树 JS技术大全(防止复制,粘贴等) 用javascript改变onclick调用的函数 用JavaScript加密保护网站页面 用Javascript检测网速的方法 用Javascript评估用户...
《JavaScript开发技术大全》是由明日科技的梁冰、苏宇和吕继迪三位专家编著,由人民邮电出版社出版的一部深入浅出的JavaScript学习资料。这部书籍涵盖了JavaScript编程的各个方面,旨在帮助读者全面掌握这门强大的...
在这场JavaScript技术讲座中,我们将会深入探讨这个语言的核心概念、语法特性以及在实际开发中的应用。 首先,JavaScript是一种解释型的、面向对象的、弱类型的脚本语言。它的主要用途是在客户端浏览器中运行,为...
《JavaScript权威指南(第五版)》是一本深受程序员喜爱的经典著作,它全面深入地探讨了JavaScript这门广泛应用于Web开发的脚本语言。JavaScript作为Web程序设计的核心技术,它的掌握对于任何想要在互联网领域有所建树...