OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

将JavaScript 作为第一编程语言


分享到
分类 技术前沿   关键字 分享   发布 1518409521  1398430162793
注意 转载须保留原文链接,译文链接,作者译者等信息。  

注:之前OurJS有人分享过: 为什么我不建议你将JavaScript作为主力语言 ,可以看出,有过丰富编程经验的程序员是很难一下子接受JS的继承方式的,此文有着明显反驳的意思,不过也表达作者对JS语法风格的喜爱


在可汗学院(Khan Academy),我们一直在调查使用一些新的有趣的方法教学生们计算机科学。其中最有趣的是我们趋向于教他们JavaScript作为他们的第一编程语言。

我们在一个非常独特的地位,因为我们的初衷是教那些已经通过我们之前的数学和Science-centric 课程的学生。因为这样我们可以创造一些相当引人注目的活动和项目,而这些是其他人无法做到的。

以JavaScript作为第一编程语言教学的前景事实上是很令人振奋的。


给有经验的经典继承开发者教原型继承一般是很令人沮丧的(因此导致很多JavaScript库如雨后春笋般涌现,这些库试图复制JavaScript中的经典继承模式,对于它本身来说,这是非常古怪的)。教那些之前从来没有看到过任何继承方式的开发者,学习原型继承明显是一件容易的事,这和教函数编程是一样的。JavaScript是一门强大的语言,我们可以从中体验函数编程,而且最终可以成为我们的课程焦点。

当我们已经开始着眼于JavaScript作为第一编程语言的前景,一些bug显现出来(这对那些已经有过一些JavaScript开发经验的开发者来说是显然的)。为了确保一般的bug不突然出现,我们将要在编辑器中使用一些代码格式验证(JSLint,JSHint或者类似的)给用户上下文关联的信息,比如他们的代码发生了什么,为什么他们必须得用一种确定的格式写他们的代码。

然而我们想要越过基本的语法调整找到可以更容易的使用这种语言的方式。这里详细的列出了两个变化可能让你轻松入门。

 

注意 : 如果你正在教一些之前从来没看到这种语言而且确实只用一组特定的、编写好的代码库的人,那么这些特别的建议只会在这种情况下适用。当然,为了让学生们达到“看到任意的跨浏览器JavaScript代码片段,并且理解它的作用”这种水平,还需要交给他们更多。


强制类型装换

强制类型转换完全是一团糟,就如很多人所指出的,道格拉斯Crockford教过的还有《JavaScript语言精髓》这本书中所讲。

可能在教育很久之后在讨论这个比较有意义,就像学习原型,函数编程和闭包之后。基本上,在一切之后,强制类型转换实际上是很重要的。

name==="John"

我推荐的第一个变化就是学生只看到和使用,===(和!==)。当使用‘==’确实有句法上简短的优点,但是附加有太多的强制转换的负累,让在编程学习中尝试尽早教学成为徒劳之举。

一个值得以后教的异常就是在你期望看到一个变量是否是空值(null)或未定义(undefined)的情况下,这可以通过一个简单的验证:someVar==null轻松地做到,也是==的有用的案例。(另外一个值得注意的异常是IE浏览器小错误,===检查和Window对象冲突总是会返回false,但是,在我们的课程中覆盖像这样的特殊浏览器问题是不太可能的)

 

Falsy值

出于和==一团糟同样的原因,falsy 值也是一团糟。强制执行严格的的布尔检查将导致更少的边界情况但是也必然导致跟多的代码量。可能falsy值的教学可以限制在布尔值,null值,和undefined. 而剩下数字类型和String类型作为之后的练习。


函数声明

或许, 我们能做的最有趣的变化是非常微妙的,但是这是为创建匿名函数避开正常的函数声明并将它们分配给一个变量。


// 不要这样做:
function getData(){ }
// 而应该这样做:
var getData = function(){ }


当你使用这项特别的技术时,下面列出了一些好的习惯可以灌输给他们。

让理解 “函数是一个对象”更容易。我发现当你给新开发者展示将一个函数赋给一个变量时,函数事实上是一个对象瞬间就会变得很明显,而且可以这样操作(一个函数可以作为一个参数传递给另一个函数)。这样,学生们可以更好地理解函数编程。

强调写好分号的习惯,传统的函数声明只有在分号不需要的情况下使用(一般是保存条件声明和循环),而且当他们一直被需要的时候它会更加明显。

不要有太多和传统的函数和域相关的包袱。


块作用域

要引导学生去理解这个仅存的区域毋庸置疑是一个挑战,到现在我还没有找到一个很好地解决办法。变量声明在for循环提升的问题足以让大多数开发人员头晕目眩。我得看看我们不能想出一些直观的方式解释变量声明是如何工作的(将它与警惕的lint检查结合执行)而不是一个纯粹的技术解决方案。

(While (function(){ ... })(); 

是一个我很怀疑的办法,我们可以尽早教那让它有价值。


JavaScript 作为第一编程语言

我们应该注意当我们把JavaScript作为第一编程语言很大程度上源于他的普遍性,更多劳动力的需求,无需安装和创造易于和朋友分享的东西的能力的时候,我们不是目光短浅的专注于JavaScript。我们可以从其他的语言学到很多,更不用说和浏览器的并不十分相关的JavaScript的整个一套技能, 我们有必要尽可能尝试让更多的人加入到我们的课程中来。

在下面的视频中我较多的谈论我们使用JavaScript的选择以及我们在开发中将要支持的浏览器。

和大家一样,我想避免那些可能导致跨浏览器怪异问题出现的特征。因此,我们将广泛使用库(为画图canvas或操作DOM)而且只用在我们最终支持的浏览器上都表现一致的JavaScript语言特征。


(注* 这篇文章对目前的JS语法体系还是非常推崇的,之前也有人表达过类似观点,反对对JS语法做出较大修改,参见:使用简单的JavaScript,我们为什么应该抵制ES6的一些特性



原文地址: 点此
社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. 为什么我不建议你将JavaScript作为主力语言
  2. 你用什么工具开发JavaScript?
  3. 我为什么不从NodeJS切换到Go
  4. 在JavaScript里写类层次结构?别那么做!
  5. 静态web的回归
  6. HTML和CSS是什么玩意儿?
  7. 使用Backbone构建精美应用的7条建议
  8. 什么是最优秀的JavaScript框架?Angular or Backbone?
  9. OpenSSL是坑货写的
  10. 一系列JavaScript的基础工具
  11. AirJD-简单好用的免费建站工具

 相关阅读 - 技术前沿
  1. 每周工作不要超过40小时
  2. 软件开发中最流行的错误观点有哪些?
  3. 招致创业失败的七个错误
  4. 编程语言和胖手指‏
  5. 为什么C语言屹立不倒?
  6. 为什么我们不要 .NET 程序员
  7. Web App框架发展趋势及现状分析
  8. PHP开发者常犯的10个MySQL错误
  9. 10位顶级PHP大师的开发原则
  10. 十大关系数据库SQL注入工具一览

 关键字 - 分享
  1. Facebook 正在重构 React Native,将重写大量底层
  2. 将BootstrapJS和AngularJS结合使用以及为什么不用jQuery
  3. Office365并不是完全基于JavaScript重写的,只是用来构建UI界面
  4. Debian/Ubuntu Linux搭建SVN服务器,并设置开机默认启动
  5. NodeJS初学者教程:Node.js之HTTP
  6. 一位自由职业者的分享:程序员怎样找兼职?
  7. Node.JS通过读取PATH环境变量获取可执行文件的安装地址
  8. 界面控件DevExpress发布v17.2.8|附下载
  9. DevExpress v17.2新版亮点——VCL篇(一)
  10. 区块链开发、以太坊开发的技术资料资源汇总

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号