Web前端学习第3章 JavaScript基础教程1 JavaScript

原创

学习猿地

修改于 2020-06-16 14:28:54

3490

修改于 2020-06-16 14:28:54

一、JavaScript概述

1995年，JavaScript问世，主要目的是处理表单验证。起初命名为LiveScript，后来因为java语言盛行，更名为JavaScript，目的是希望借着Java的火爆流行起来（JavaScript的开发者一定想不到JavaScript在20多年后的今天会如此盛行）。

1997年，欧洲计算机制造商协会发布了ECMAScript，在接下来的几年里，web浏览器厂商就开始将ECMAScript作为JavaScript实现的标准。

2009年，Node.js问世，JavaScript这门语言逐步在后台占据一席之地，目前，前端开发的大量工具都基于node.js。

2015年，ECMAScript2015(ES6)正式发布，使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

二、JavaScript是做什么的

在前端，通过javascript可以实现更多的页面交互，与后台的数据交互，以及更为丰富的网页效果。

在后台，借助node的运行环境，使用javascript一门语言，即可完成服务器端开发，我们会在后续的章节中讲解如何使用JavaScript做服务端开发，本章主要内容仍然面向前端开发。

三、hello world

学习所有编程语言编写第一个程序的时候，都习惯性地编写“hello world”程序，学习JavaScript也是一样。作为我们编写的第一个JavaScript程序，我们将代码写在html这个文档中，body标签里写想要的效果代码,JavaScript放在<script></script>这个标签里代码如下所示：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         alert("hello world");
10     </script>
11 </body>
12 </html>

在上面的代码中，我们使用了一个alert方法，关于方法的基本概念，我们会在后续章节讲解，本节我们只要知道，使用alert可以在浏览器的弹出框中输出括号内的内容即可。

四、控制台

我们在上一章中已经介绍了chrome浏览器的调试工具，此前一直使用的是调试工具中的elements选项，可以查看元素的html和css。从本章开始，我们使用chrome浏览器中的console选项，他是JavaScript的控制台工具，我们可以在其中输出JavaScript程序，也可以在其中看到程序运行结果。例如我们在网页中编写如下代码：

1 console.log('hello world');

用浏览器打开网页，可以看到控制台中会输出hello world。

五、课后练习
打开网页在浏览器中弹出"hello JavaScript"。
打开chrome浏览器的控制台，在控制台中输出"hello JavaScript"

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript

ecmascript

java

node.js