`
jaychang
  • 浏览: 736990 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

能说明你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, //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学习指南 高清 PDF

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一。这份"JavaScript学习指南"高清PDF,无疑为想要深入理解...通过系统学习和实践,你将能够熟练掌握JavaScript,为Web开发打下坚实基础。

    趣学JAVASCRIPT 教孩子学编程

    趣学JAVASCRIPT 教孩子学编程

    JavaScript学习资料大全

    JavaScript学习资料大全,包括《JavaScript实例》、《JavaScript教程》、《Javascript语言教程》、《JavaScript技术讲座》、《Javascript源码大全1.0版》、《javascript教程.chm》、《JavaScript源代码集》、...

    JavaScript学习指南 第3版

    《JavaScript学习指南(第3版)》提供了许多简单易懂、主题鲜明的示例,介绍了大量最佳实践和良好编程习惯,对提高代码可读性、可维护性均有很高的价值,并且对很多跨浏览器兼容问题进行了详细说明,追踪了新规范的...

    C#手记javascript学习

    本人手记.C#手记javascript学习

    HTML JavaScript PHP 语言的学习使用.zip

    HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习...HTML JavaScript PHP 语言的学

    21天学通JavaScript课后习题答案

    在“21天学通JavaScript”的课程中,学员们将深入学习这门语言的基础和高级特性,包括变量、数据类型、控制结构、函数、对象、数组、作用域、闭包、原型链等核心概念。课后习题是巩固所学知识的重要环节,通过解答...

    21天学通JavaScript(第5版)- 源代码

    总之,21天学通JavaScript(第5版)的源代码为学习者提供了一个实践平台,通过这些代码,你可以逐步建立起对JavaScript的理解,进而能够创建功能丰富的网页和应用。记得理论结合实践,不断试验和改进,这样才能在...

    《你不知道的JavaScript》.pdf

    Web前端学习资料,Javascript学习

    JavaScript网页游戏制作轻松学.pdf

    JavaScript网页游戏制作轻松学.pdf

    PHP、MySQL与JavaScript学习手册 第4版

    PHP、MySQL与JavaScript学习手册 第4版.pdf

    史上最全的JavaScript学习资料

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一,也是现代互联网应用程序的重要组成部分。这个压缩包中的“史上最全的JavaScript学习资料”显然包含了一系列丰富的资源,旨在帮助学习者...

    基于JavaScript的保洁到家后台服务源码设计

    本项目为保洁到家后台服务的JavaScript源码设计,总计包含623个文件,涵盖605个JavaScript文件、17个JSON文件及1个Git忽略文件。该系统致力于提供高效的保洁服务后台支持。

    javascript活学活用300问

    在"javascript活学活用300问"中,这些问题将引导你深入理解JavaScript的各个方面,无论是初学者还是经验丰富的开发者,都能从中受益匪浅。通过解决这些实际问题,你可以巩固理论知识,提高解决实际问题的能力。不断...

    零基础学JavaScript(PPT)

    本教程《零基础学JavaScript》旨在帮助初学者系统地掌握这门语言的基础知识。 首先,我们从第1章“JavaScript基础”开始。这一章会介绍JavaScript的历史、它在网页中的位置以及如何在HTML中引入JavaScript代码。还...

    轻轻松松学用javascript编程(PDF)

    配图列表 列表 1 说明 1.1 主要的内容 1.2 学习目标 2 了解JavaScript 浏览器上的程序语言 2.1 JavaScript 操作对象的简单介绍-- 属性和方法 2.2 JavaScript 代码的加入 2.2.1 加入...

    基于JavaScript的智能水印相机微信小程序源码+项目说明.tar

    基于JavaScript的智能水印相机微信小程序源码+项目说明.tar基于JavaScript的智能水印相机微信小程序源码+项目说明.tar基于JavaScript的智能水印相机微信小程序源码+项目说明.tar基于JavaScript的智能水印相机微信小...

    21天学通JavaScript(第2版)

    Javascript是web开发中应用最早、发展最成熟、用户最多的脚本语言。其语法简洁,代码可读性在众多脚本语言中最好,它在使用时不用考虑数据类型,是真正意义上的动态语言。本书总分为四篇,共21章。第一篇完整地讲解...

    学习21天学通HTML+CSS+JavaScript Web开发笔记和源代码.zip

    学习21天学通HTML+CSS+JavaScript Web开发笔记和源代码 学习21天学通HTML+CSS+JavaScript Web开发笔记和源代码 学习21天学通HTML+CSS+JavaScript Web开发笔记和源代码 学习21天学通HTML+CSS+JavaScript Web开发笔记...

    JavaScript实战.pdf 中文完整版

    通过阅读“JavaScript实战.pdf 中文完整版”,读者不仅可以巩固JavaScript的基础知识,还能深入了解在实际项目开发中遇到的问题及解决方案,从而提高自己的编程能力和项目实战水平。这本书覆盖了JavaScript的各个...

Global site tag (gtag.js) - Google Analytics