是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?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();
你使用莫名其妙的数字字母组合作为变量名是一个双输的结局。在40行的代码块了中寻找一个不带任何表意的字符变量,对于维护工作来说简直是场噩梦。把对变量的第一次声明混合到一个40行的代码块里同样也是一场噩梦。即使你自己遇到这样的变量时,你也要不由的问自己:“这是在哪里定义的?”,然后迅速的使用Ctrl+F组合在源代码里寻找这个变量最初定义的位置。不,不要这样,相反,这是对JavaScript的滥用,是一种愚蠢的做法。你应该始终把变量定义在它的使用范围的顶部。并不能说因为这不是必须的,你就可以不这样做。
function() { var a, //description b; //description //process… }3. 你没有理解JavaScript的变量范围。
var herp=”one”; { var herp=”two”; } alert(herp);
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”关键字时就像是盲人瞎马。
JavaSript肯定是你的初恋女友,因为你显得无所适从。如果你想像真人那样取悦JavaSript,你需要去了解对象符号。除了在需要实例化一个对象,或罕见的需要延时加载数据的情况外,你基本上不需要使用new关键字。在JavaSript里分配大量的new变量地址是一项很慢的操作,为了效率起见,你应该始终使用对象符号。
var rightway= [1, 2, 3];
var wrongway= new Array(1, 2, 3);
是否还记得我说过JavaSript的变量范围是以函数为基础的?是否还记得有人说JavaSript的对象像函数那样定义?如果你不使用new关键字来声明一个对象,你将会使这个对象成为全局范围内的对象。所以,永远使用new关键字来声明对象是一个好习惯。
var derp=”one”; var Herp=function() { this.derp=”two”; } var foo=Herp(); alert(derp);如果你这样写,JavaSript并不会在意,而你真正弹出的答案是“two”!有很多方法可以防止对象做出这样的行为,可以以使用instanceOf,但更好的方法是正确的使用new关键字,这样显得更专业。