`
jaychang
  • 浏览: 731295 次
  • 性别: 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完全学习手册1 源码

    javascript完全自学手册 目 录 第1篇 JavaScript基础篇 第1章 JavaScript简介 1 1.1 JavaScript概述 1 1.1.1 什么是JavaScript 1 1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 ...

    JavaScript学习指南 源代码

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一。...通过深入学习和实践,你可以成为一名熟练的JavaScript开发者,驾驭这个强大的脚本语言,创造出更多富有创新和互动性的Web应用。

    JavaScript学习资料大全

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

    C#手记javascript学习

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

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

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

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

    零基础学javascript教程附带光盘

    在《零基础学JavaScript教程》中,你还将接触到AJAX(Asynchronous JavaScript and XML),它是实现页面无刷新更新的关键技术,虽然现在更多地被fetch API所替代,但理解其原理仍然重要。 最后,ES6(ECMAScript ...

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

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

    javascript学习手册合集

    JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。 本资源包括JAVASCRIPT入门篇,javascript学习手册,javascript学习笔记,...

    史上最全的JavaScript学习资料

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

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

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

    JavaScript JavaScript JavaScript《md说明文档》

    JavaScript JavaScript JavaScript《md说明文档》 JavaScript JavaScript JavaScript

    JavaScript JavaScript JavaScript(md说明文档)

    JavaScript JavaScript JavaScript(md说明文档) JavaScript JavaScript JavaScript

    [零基础学JavaScript.电子教程.随书光盘](附光盘动画1-2)

    标题中的"[零基础学JavaScript.电子教程.随书光盘]"表明这是一个为初学者设计的教程资源,可能包括了文字教材和光盘上的视频教程,旨在帮助初学者逐步掌握JavaScript的基础知识。"(附光盘动画1-2)"暗示了光盘包含...

    javascript逆向 猿人学 js混淆 回溯 逆向学习

    猿人学JS混淆是一种常见的JavaScript混淆技术,通过对代码进行重构、变量名替换、函数调用转换等手段,使得代码难以直观理解,增加了阅读和分析的难度。 在进行JavaScript逆向学习时,首先需要通过反混淆技术将混淆...

    《你不知道的JavaScript》.pdf

    Web前端学习资料,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的智能水印相机微信小...

Global site tag (gtag.js) - Google Analytics