很多人看到 Java 和 JavaScript 都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。
其实它们是完完全全不同的两种东西。
Java，全称应该是 Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。
Java Applet 是预先编译好的，一个Applet 文件（.class）用 Notepad 打开阅读，根本不能理解。Java Applet 的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。
相比之下，JavaScript 的能力就比较小了。JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML文档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。
它们的相同点，我想只有同是以 Java 作编程语言一点了。
因为感觉如果一上来就是各种细节，我自己都会受不了，所以先来个笼统的描述，说下 JavaScript 与 Java 的不同之处。当然，是我个人的理解，基于个人并不渊博的知识和经验哈。
当然，因为要在一个环境里面执行嘛，所以可以打开记事本，写个 HTML 页面，把这个放到一个 标签中，然后再用浏览器打开这个本地 HTML 文档，然后....好吧，的确繁琐。
好吧，我来说个稍微简单的方法，请打开一个现代浏览器。哦，对吼，你现在就应该是开着一个浏览器，不过是否“现代”呢就不好说。通常，在前端领域，经常会吐槽 IE 浏览器（嗯，就是 Windows 操作系统自带的那个浏览器），由于版本更新时间较长，所以 bug 修复比其他浏览器慢，而且很多时候（主要是指老版本）自成体系，与其他浏览器阵营区别较大，以及等等原因，反正就是不被一些人喜爱。可又因为使用人群太广泛，特别是在中国，所以被吐槽得较多。哎，我本来不是在讲 Helloworld 的吗？回正题。
以我现在在用的 Firefox 来说，可以通过 Ctrl + Shift + K 来打开浏览器的控制台，然后你可以把上面的那个 JavaScript 代码复制到输入框里，然后回车执行。据我所知，Chrome 可以通过 F12 打开控制台，IE 也是 F12，不过低版本貌似不支持输入脚本执行好像。反正你有兴趣就自己试试吧。
喜欢折腾的朋友，可以装个 NodeJS（其实真心不麻烦的，从搜索开始吧），然后在 NodeJS 环境里也可以输入上面的代码执行的。哦，不对！我错了，NodeJS 下面会报错的！！！因为啥，因为 JavaScript 语言实际上就根本没有提供对输入输入的支持！！！而那个 alert() 函数（叫方法也行）实际上是浏览器的运行环境下通常提供的一个函数。那么怎么在 NodeJS 下输出 “Hello, world!” 呢，好吧，你直接输入带引号的 "Hello, world!"（这里我特意把引号换成了半角的，严谨，有木有）然后回车就好了....
咦，不是要说“类”的事的嘛，对吼。
JavaScript 也是面向对象的，是啊，现在谁要不是面向对象的都不好意思出门。但是 JavaScript 并没有提供类（尽管 JavaScript 中 class 是个暂时没有使用的关键字，而且下个版本的 JavaScript 中很可能就会用上这个关键字啦，但那是以后。PS：我为啥总是这么严谨，备注有些多啊。唉，处女座....），也没有那么正统的一套基于类的继承机制，以及什么 static, public, protected, private 等等这些东东（尽管其中好多也是没有用到的关键字，也就是说不能拿来作为变量名）。所以，仅这一点就让 Java 程序员大跌眼镜了吧！你肯定想说，就这也敢说是面向对象？！不过，因为你已经写过 JavaScript 代码了，你更可能会说，啊，JavaScript 还面向对象？！
是的，学术上讲（咳咳），JavaScript 是面向“原型”（prototype）的，可以认为是另一支面向对象的编程语言家族吧。原型，简单来说，就是一个对象是另一个对象的原型，于是后面的对象就可以继承原型对象的属性、方法啦。呵呵，其实挺简单。不过，如果要是刻意模仿 Java 中的模式，在 JavaScript 中定义可复用的“类”，再实现继承之类的东东，就会搞得很累，很累。所以，倒不如一开始就接受 JavaScript 是和 Java 不同的，没有类，但也能实现面向对象的特性。
再次强调，尽管在 JavaScript 中有这样的写法，例如：
varnow =newDate();now.getFullYear();// 得到当前年份 2014
实际上，Date 不是一个类哦。认真点跟你说的话，它是个“函数”（Function）。
在设计 JavaScript 的时候，那个家伙故意搞了这种类似创建类的实例的语法，但实际上理解起来很绕。这里我就不再说这个梗（geng，还有拼音，多贴心）啦，应该会再写文章详细讲的。
尽管不是严格意义上的（你问我为什么不是严格意义上的，我也就是说说，好商量嘛）函数式编程语言，但 JavaScript 中的确是有很多函数式编程语言的特性，例如函数是第一性的。其实上一句话有点学术啦，我忘了从哪里看的了。总之，“函数”在 JavaScript 里面非常非常重要就是了，甚至可以说理解了 JavaScript 里的函数，也就理解了 JavaScript 众多千奇百怪的东东的核心啦。
因为是拿 JavaScript 和 Java 进行比较，所以我觉得最大的不同在于 JavaScript 中没有类，因为貌似类是 Java 中很重要的一个东西（说得偏差太大请参考第一篇的“免责说明”^_^）。但如果只是讲 JavaScript 本身，抛开你有 Java 背景这件事，我认为函数的确是 JavaScript 最重要，最需要搞清楚的东西。
把类和函数放在一起，JavaScript 给出了一种用函数来模拟类的定义的方式，例如：
functionPerson(name){this.name = name;this.toString =function(){returnthis.name; }}varme =newPerson("luobo");me.toString();// "luobo"
以上代码，你现在就可以复制到“现代”浏览器的控制台执行（或者输入到 NodeJS 控制台执行）。
我真的不想现在就来仔细说明上面这段代码中 Person 函数是怎么回事，因为这一段代码涉及很多：函数、原型、构造函数，一两句话说不清，就像我曾经花一两个小时思考也不会立马搞清楚一样（呃，现在算是有些明白了，所以才敢拿出来“现”啊）。不过，要记住，上面没有“类”，只有函数。
吼吼，写了这么多，打住。以上就是我理解的 JavaScript 与 Java 的最大的不同，诸如语法、语言特性等各种细节，慢慢再来说喽。
PS：感觉我写东西口气挺轻松吼，其实我是个严肃的人-_-。
文／luobo_tang（简书作者）
原文链接：http://www.jianshu.com/p/8488d306bae9
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。
网友评论