JavaScript零基础入门——（一）什么是JavaScript

最新推荐文章于 2023-08-06 08:23:15 发布

weixin_34247155

最新推荐文章于 2023-08-06 08:23:15 发布

阅读量93

点赞数

文章标签： javascript 后端前端 ViewUI

原文链接：https://my.oschina.net/JandenMa/blog/1827167

版权

2019独角兽企业重金招聘Python工程师标准>>>

JavaScript零基础入门——（一）什么是JavaScript

写在前面：

『Hello，大家好，我是振丹！从这节课开始，我会慢慢的带大家学习JavaScript的基础，至于进阶部分，有机会我也会专门开专题来讲。有做后端同学会说，现在微软的TypeScript开始火起来了，连Angular和Ionic都在用，而且还是面向对象思想的，符合我后端开发的习惯，我为什么要学JavaScript呢。这里我要说的是，TypeScript开发者自己也说了，TS是JS的超集，始于JS，归于JS，换句话说，TS的本质还是JS，它是在ES6的标准上，加上面向对象的思想而形成的脚本语言，便于严谨开发，但最后给浏览器的，还是通过编译后的JS。所以，学习JS，有助于从本质上了解它的实现方式，为以后更好的学习TS打基础，就好比学习C语言和学习Java/C#这些高级语言的关系一样。有兴趣的话，我也会找时间整理TS的学习文档。好吧，话不多说，开始我们这节课的内容吧~』

在前端开发中，有三项技能是必须要掌握的，他们是前端开发的基础。他们是什么呢？想必你已经猜到了，不然你也不会来看我这篇文章。没错，他们就是HTML、CSS和JavaScript（简称JS）。

那么有同学会问了，我是知道他们仨呀，但是他们到底是什么，有什么用，我真的不知道。不要急嘛，官方专业名词解释我这里就不赘述了，百度一下都有，这里咱们聊点有趣的，轻松学习嘛，打个比方就明了了。

如果把制作好的非静态网页比作一个美眉，那么HTML就是素颜的她，加上CSS就是打扮后的她，但是如果没有JavaScript加持，她就听不懂你的甜言蜜语，也不会对你的帅做出任何反应，更不会跟你去吃饭看电影。

怎么样，有没有那么一丢丢感觉呢？没错啦，HTML本质就是一个结构，是最基本的组成，但它并不动人，甚至你会觉得它丑，那是还没有经过CSS的打扮和美颜，所以呢，CSS的本质呢，就是一种美化和表现，使得HTML更加好看。而JavaScript就是来增强交互的，其本质是一种行为。

大家能理解吗？不理解没关系，有个印象就行，最主要的是要学会怎么用。HTML和CSS有机会我再整理，我们这门课主要讲JavaScript。接下来，我们来讲讲JS的组成部分。

JS由三部分组成——ECMAScript、DOM和BOM。

ECMAScript是JS的核心，它是JS语法和语义的标准，充当JS的翻译角色，所以也称之为解释器。ECMAScript有它的发展历史，在后续的ES6的课程中，我们会重点来讲一讲，在这门课中，大家只要了解，JS的变量、函数、类型等等，都是依照ECMAScript标准来的就够了。

DOM，全称叫做Document Object Model，即文档对象模型，它赋予了JS操作HTML的能力，换句话说就是，DOM的存在，使得JS可以通过document.xxx来对html及其节点做操作，具体，接下来课程我们会详细讲。

BOM，全称叫做Browser Object Model，即浏览器对象模型，它赋予JS操作浏览器的能力，如果有同学有那么一点点了解的话，应该知道像window.alert或者window.location.href等等，都是通过window.xxx来获取或操作浏览器的。

这节课，主要是带大家大致了解一下什么是JS，JS与HTML、CSS之间的关系，以及JS的组成。还是那句话，这节课是概念课，让大家有个印象和了解就可以了，不懂没关系，有好奇心才是最重要的。下节课，我们将开始来讲解，JS的变量。

如果想跟着振丹继续学习，可以微信关注【振丹敲代码】（微信号：JandenCoding）

新博文微信同步推送，也可直接扫描下方二维码关注。