学习JavaScript的理由

导读:文章根据《Why a JavaScript hater thinks everyone needs to learn JavaScript in the next year》这篇文章翻译而来。译文由李松峰整理编译《学习JavaScript的理由》。

内容如下:

很长时间以来,JavaScript在我眼里都是编程语言中的二等公民。早先,它经常是很多安全问题的发源地,就像是胶水一样,它能把HTML应用与样式粘到一块,可没有人拿它来正正规规地编写程序;这样的情形太普遍了。而Java、Ruby、Python,这些才是真正能用来编写程序的语言。

过去几年间,我对JavaScript的态度有了彻底的改变。JavaScript已经“长大成人”了。我敢保证很多JavaScript开发人员都不会认同我前面的说法,他们会说JavaScript一直都是一个十分强大、成熟,深得人心的语言。或许他们说得没错,事实上只要是一门完整的编程语言,就能拿来编写程序,也包括BASIC这种滥东西。而一门语言真正有用,必须一方面自身具备很强的表达能力,另一方面还要有众多的库和开发工具。显然,JavaScript的表达能力早就没有问题了,即便是创建对象的方式有点不好让人接受,其实问题也不大。直到最近,一些极其重要的扭转局面的技术出现了:jQuery、JSON、Node.js和HTML5。或许JavaScript以前就是一门完善的语言了,但却是这些重要的相关技术(以及其他一些没有在这里提及的),让JavaScript成为了每一个开发人员都知道的语言。如果明年你要学一门新语言的话,那一定就是JavaScript。

潜力无限的Node.js

说Node.js潜力无限的意思,就是它有可能引发Web开发的革命。Node.js是一个框架,用于构建高性能Web应用——即使是巨量的请求也能够迅速而有效地响应。虽然Node本身作为一个底层框架,能够用于构建任何应用,但它还是最适合构建Web服务器。它的异步事件驱动模式与传统的请求-响应模式相比,无疑更适合Web应用。

有两方面因素更让Node显得前途无量。首先,Google在提升JavaScript性能方面掀起了一场革命。这句话的意思并不是说你随时随地都可以用上最好的JavaScript引擎(尽管这也是我们一个美好的期望)。但可以肯定的是,Google在其他竞争对手还没有上心的情况下,真的把JavaScript性能当成了一回事儿。如此一来,就把Mozilla、Apple、Microsoft、Opera,还有其他浏览器开发商逼到了性能竞赛的跑道上。结果导致我们现在使用的JavaScript引擎较之几年前快了不知道有多少倍,完全有能力运行复杂的大型Web应用。

其次,Node有着庞大的开发人员基础。不管大家在服务器端使用的是什么语言,但在客户端却鲜有不使用JavaScript的。有的人可能是“剪刀加浆糊”式的东拼西凑,有的人则可能用JavaScript做出了高超的Ajax应用,而有的人甚至实现了全功能的应用程序,像Twitter或 Gmail。可不管怎么说,JavaScript开发人员的数量无疑是非常庞大的。而Doug Crockford等作者更是极力宣传所有人都应该把JavaScript当成一门严肃正经的编程语言来看待——尽管它还有不少缺点。

当时当下,编写Node应用相对还是个“粗”活儿,毕竟它只是一个底层库。想象一下单纯使用JavaScript写代码,对,就是这种感觉,Node当前还是一个beta版的格局,与Rails或Django这样成熟的Web开发框架还没法比。这种状况无疑会改变。一些轻量级的框架,比如Express,已经出现了;我坚信更多基于Node的全功能框架也将不断涌现。

前面提到过一些几乎完全在浏览器中运行的高级Web应用。那些都已经不算什么新鲜事儿了,Gmail多大了?Google Maps贵庚了?不过,用JavaScript编写在浏览器中运行的应用的客户端无疑是越来越有吸引力了。HTML5则继续推高了人们对这一趋势的预期。

HTML5其实就是JavaScript

我不知道已经说过多少次了,HTML5实际上并没有多少与HTML有关,它其实就是JavaScript。HTML本身有什么变化?不过一些新标签而已,况且也都很好理解。HTML5的威力在于让你能用JavaScript来创建这些标签。假如没有后台代码通过Canvas来创建动画、游戏,或者通过它来实现一些数据的可视化,这个标签也没有大用处。从浏览器开始支持Canvas开始,我已经看到了Asteroids(行星游戏)的上百个实现,那都是开发人员为熟悉这个新特性所做的练习。有的比较粗糙一些,而有的则极其精美。这些完全都要归功于JavaScript。

由此可见,HTML5并不是在以尖括号为特征的标签语言的一次大的改进,其实质是赋予了JavaScript更强大的能力。WebGL库(当前还羽翼未丰)支持在HTML5的画布中绘制实时的3D图形。HTML5的地理位置支持在浏览器中实现LBS(Location Based Service)应用——手机的基本配置。而持久存储以及离线功能则为开发能与桌面应用媲美,但却在浏览器中运行的全功能应用奠定了基础。目前,就连增加多点触摸事件的实验性的库也已经出现了。凡此种种,无一不是实实在在的JavaScript特性。HTML5只是为这些高级功能的发挥提供了舞台。

退一步讲,不依赖于HTML5的浏览器库开发库也取得了长足的进步。长久以来,JavaScript一直都是在HTML中实现动态效果的不二之选。可两个问题迟迟得不到解决:一是浏览器兼容性问题,二是直接操作DOM太麻烦。jQuery让这两个问题霎那间消失得无影无踪,这个库已经成为现代基于浏览器的客户端开发的基本配置。不过,并非只有jQuery。Protovis、D3,都可以让你直接在浏览器中创建复杂的交互性数据可视化效果,有史以来第一次让浏览器成为了展示数据的一个重要工具。

JavaScript与数据库,编译器与语言

就连数据库里都开始广泛使用JavaScript了!当前如火如荼的NoSQL运行的三只领头羊:CouchDB、MongoDB和Riak,都是“文档数据库”。它们保存的不是表,而是文档。这几个数据库所谓的“文档”,其实就是JSON文档,而不是Word或Excel。(Riak除了JSON文档,还支持XML和纯文本。)JSON已经成为一种被广泛采用的数据交换格式(所有现代的编程语言几乎全都有解析JSON的库),不过请注意,JSON实际上不就是一种序列化JavaScript对象的格式嘛!因此,虽然你可以在任何语言中使用JSON,但在JavaScript开发中使用它则是再自然不过的事了。况且,JSON这个格式成为一种跨语言的标准,而不是Python、Ruby或Java等语言的序列化格式,这个事实本身足以说明JavaScript将在更加广阔的舞台上大显身手。还不仅仅如此,上述三个数据库都内置了支持JavaScript查询的能力。未来几年,更多的人都将会惊讶地发现,JavaScript和JSON已经内置到了其他应用程序里啦!

JavaScript时代的序幕才刚刚拉开。在今年的JSConf上,一个核心主题就是“JavaScript到JavaScript的编译器”,也被人们看成是未来的一个主要趋势。Google在“编译生成JavaScript代码”方面是首开先河者。据我所知,GWT(Google Web Toolkit)应该是通过编译(从Java代码)生成JavaScript代码的第一个框架。以前我对GWT并没有太重视,只是觉得它是一个致力于拯救那些Java程序员的框架,好让他们不必因为(学习)编写JavaScript而浪费时间。可是,GWT在编译过程中对JavaScript做了那么多的优化,简直是太神了。Closure就是一个“JavaScript到JavaScript的编译器”,能够实现同样级别的优化。Traceur,这是几个星期前才冒出来的一个框架,通过它能够试验JavaScript的新特性,换句话说,它可以把带有实验性语言特性的JavaScript代码编译成可以在所有现代平台中运行的JavaScript代码。

最后,我们也开始看到了当初Java大旗下JVM语言的蓬勃景象:各种语言都在致力于编译成JavaScript!其中有一些语言比较有意思,像Coffeescript和Kaffeine,它们在风格上酷似JavaScript,但更关注弥补JavaScript的一些不够完善的地方。是不是觉得JavaScript的对象模型特有意思,可怎么看怎么有点笨笨滴,有木有?是不是一想到基于原型创建一个实际的对象都需要反反复复地定义这定义那,就望而却步了?Coffeescript对此作了明显的改进。除了完善对象模型,Coffeescript还添加了类似列表解析(comprehensions)的新特性,去掉了大部分花括号。就像在Python中一样,要使用缩进来区分代码块。

未来的Web服务器、取之不尽的客户端库、HTML5、数据库,乃至基于JavaScript的语言——我一睁眼就能看到JavaScript!假如你曾经对JavaScript敬而远之,今年就该学习它了。没有理由,真的,再不学,恐怕你再也没机会赶超别人了!

原文出自:radar.oreilly

译文出自:cn-cuckoo

<think>好的,我现在需要帮助用户找到JavaScript学习案例、示例项目和相关教程。根据用户提供的引用内容,有三个主要的资源:MDN JavaScript示例项目、JavaScript学习手册和JavaScript算法开源项目。 首先,用户明确提到想要寻找“javascript 学习 示例 项目 教程”,所以我需要确保覆盖这三个引用中的每个资源。用户可能是一个正在学习JavaScript的开发者,希望找到实践项目来提升技能。他们可能处于不同阶段,从基础到进阶都有需求,因此需要分层次的推荐。 引用[1]中的MDN示例项目非常适合初学者和中级开发者,因为MDN的教程通常结构清晰,覆盖全面。我应该详细介绍这个项目,包括如何快速启动,比如克隆仓库和查看示例。同时,需要强调项目的覆盖范围,比如基础语法、DOM操作等,这样用户能了解它能满足哪些学习需求。 接下来是引用[2]中的学习手册,里面提到了模块化开发、Web组件和性能优化等内容。这部分内容更适合有一定基础的开发者,所以需要分点说明进阶内容,并建议用户通过项目实战来应用所学知识。这里可以提到实战的类型,比如待办事项应用或天气应用,这样用户有具体的参考方向。 然后是引用[3]的JavaScript算法项目,这对学习数据结构和算法特别有帮助。用户可能对面试准备或提升编程能力感兴趣,所以需要强调算法实现的应用场景,比如排序、搜索算法等。同时,项目结构分析也很重要,用户可能想知道每个目录的作用,比如如何找到特定算法的实现。 在组织回答时,应该分点列出每个资源,结构清晰,便于用户浏览。每个部分需要包含项目简介、核心内容和推荐理由,这样用户能快速判断哪个资源适合自己。此外,相关问题部分需要覆盖用户可能进一步提出的疑问,比如如何选择项目、实战注意事项和算法的重要性,这有助于用户深入探索。 需要确保所有技术术语正确,比如正确使用“DOM操作”、“模块化开发”等术语,并且按照用户的格式要求,使用中文回答,数学表达式正确应用(虽然这里可能用不上,但要注意如果有的话)。同时,避免使用Markdown格式,保持自然的口语化表达,但转为正式的回答结构。 最后,检查引用标识是否正确添加,每个引用末尾的[^1]、[^2]、[^3]是否对应正确的来源。确保没有格式错误,并且推荐的项目链接正确无误。这样用户就能根据推荐直接访问项目,开始学习。</think>根据您的需求,我为您整理了以下三个JavaScript学习资源,涵盖示例项目、算法实现和综合教程: ### 一、MDN JavaScript示例项目(适合基础到进阶) 项目地址:https://github.com/mdn/js-examples **核心内容**: 1. 200+个即时可运行的代码片段 2. 覆盖DOM操作、Canvas绘图、Web API等 3. 每个示例包含详细注释说明 ```javascript // 典型示例:事件监听 const button = document.querySelector('button'); button.addEventListener('click', () => { console.log('Button clicked!'); }); ``` 推荐理由:官方维护+即时在线演示功能 ### 二、JavaScript算法实现库(适合算法学习) 项目地址:https://gitcode.com/gh_mirrors/jav/javascript-algorithms **项目结构**: - `/src/algorithms` 包含排序、搜索等经典算法 - `/src/data-structures` 实现链表、树、图等结构 - 含单元测试和复杂度分析 ```javascript // 快速排序实现示例 function quickSort(arr) { if (arr.length <= 1) return arr; const pivot = arr[0]; const left = [], right = []; for (let i=1; i<arr.length; i++) { arr[i] < pivot ? left.push(arr[i]) : right.push(arr[i]); } return [...quickSort(left), pivot, ...quickSort(right)]; } ``` 推荐理由:包含算法可视化演示 ### 三、JavaScript全栈学习路径(综合教程) **推荐学习路线**: 1. 基础阶段(2周): - 变量声明:`let` vs `const` - 异步编程:Promise/async-await - 函数式编程:map/filter/reduce 2. 中级阶段(3周): - Webpack配置 - TypeScript集成 - 单元测试(Jest框架) 3. 实战项目(持续): - 电商网站购物车系统 - 实时聊天应用(WebSocket) - 数据可视化仪表盘[^2]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值