这是一篇讲 JavaScript 基础的文章,接下来会更新这个系列文章。

JavaScript 诞生于 1995 年,至今已经有 20 几年了,在最新的 JavaScript 2018 年度报告 中,许多人依旧认为这门语言正在朝着好的方向去发展,从最开始的默默无闻到如今的未来可期,JavaScript 作为前端开发者的一门学习语言,一定会被更多爱好编程的人喜欢。如果想了解和学习 JavaScript,请往下看。

ECMAScript

在了解 JavaScript 前,首先要了解 ECMAScript ,它是由 ECMA-262 定义的一门语言。它规定了一些基本的语法、变量、语句、操作符以及对象等等内容,而 JavaScript 去实现了它,也就是说,JavaScript 去实现了 ECMAScript,我们经常说 JS 的新版本,实际上是 ECMAScript 的新版本,最被人经常用的是第五个版本(ES5) 还有ES6,它包含了许多新知识新特性。简而言之,JavaScript 的概念更广,它包含了 ECMAScript ,除此之外还有文档对象模型 (DOM) 和浏览器对象模型 (BOM) 。

两种使用方式

不同于其它编程语言,JavaScript 内嵌于浏览器中,许多主流浏览器都支持 JavaScript。打开 Chrome 浏览器,按 F12 或鼠标右键选择审查元素,就可以看到控制台,在控制台上就可以书写 JS 代码,例如你可以在控制台输入console.log('hello world!');就可以看到下方出现了一句熟悉hello world!


这是写 JS 代码最快速便捷的方式,但一般我们都是在编辑器中完整地完成整个项目,关于编辑器各人有各人的爱好,稍后会列出常用的几个编写 JS 代码的编辑器。

来到了编辑器中,我们新建一个后缀名为 .html 的文件,在里面写有关 JS 的代码,如果你连 HTML 都不认识,可以到 w3school 去在线学习基础的 HTML 知识。不出所料,一个基本的 html 文件的头应该是下面这样的:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 这里是内容代码 -->
</body>
</html>

JavaScript 使用 标签里面写代码,另外一种就是创建一个后缀名为 .js 的文件,然后通过 src 链接进来使用。