【 JavaScript编程详解 -1 】什么是JavaScript ？

news2024/5/18 18:39:17

文章目录

简介
- `Java`与`JavaScript`的不同
- Javascrpt可以做什么
JavaScript的构成
为什么可以在浏览器中运行
如何将 JavaScript 代码添加到网站？
- 方法1- \<script\>标签内嵌JavaScript
- 方法1- \<script\>标签引入外部JavaScript文件
- 方法3- 内联 JavaScript
编辑器推荐
- HBuilder
- Sublime Text
- WebStorm
- Visual Studio Code（VS Code）
- Atom
结论

🧨🧨🧨

大家好，我是搞前端的半夏 🧑，一个热爱写文的前端工程师 💻.
如果喜欢我的文章，可以关注 ➕ 点赞 👍 一起学习交流前端，成为更优秀的工程师～更多故事—点我探索新世界！

🧨🧨🧨

简介

JavaScript是一种非常强大的客户端脚本语言。JavaScript主要用于增强用户与网页的交互。换句话说，你可以在JavaScript的帮助下使你的网页更加生动和互动。JavaScript也被广泛用于游戏开发和移动应用程序开发。

1995年Brendan Eich 设计并开发了JavaScript。最先运行它的浏览器是当时最流行的Netscape 浏览器。JavaScript最早被称为LiveScript。后来更名为JavaScript。很多初学者认为JavaScript和Java是一样的。事实上，JavaScript 和java没有任何关系。JavaScript只是一种脚本语言。JavaScript 的语法主要受**C语言 ** 的影响。

`Java`与`JavaScript`的不同

JavaScript 是动态类型语言，Java是静态类型语言
JavaScript是弱类型的，Java 属于强类型
JavaScript和Java都支持面向对象。但是JavaScript是基于原型实现的，Java是基于类的。

Javascrpt可以做什么

VR/AR
游戏
服务端
编写操作系统
移动端应用
桌面端应用

JavaScript的构成

JavaScript最初设计是用来与网页元素（HTML/CSS）进行交互的编程语言。在浏览器中，JavaScript由三个主要部分组成.

核心语法（例如：变量函数类…），ECMAScript 确定了JavaScript 的标准语法。
**文档对象模型（DOM）**提供用于与网页上的元素进行交互的接口
浏览器对象模型（BOM） 提供用于与 Web 浏览器交互的浏览器 API。

为什么可以在浏览器中运行

实际上高级编程语言都是需要转成机器指令来执行的，JavaScript也不例外。我们所编写的JavaScript程序无论是在浏览器或者Node环境下，最终都是需要被CPU执行的。CPU只认识自己的指令集、即机器语言。所以我们需要JavaScript引擎帮助我们将JavaScript代码翻译成CPU可执行的指令。浏览器内嵌入了JavaScript引擎，帮助我们执行JavaScript。

一开始，JavaScript引擎是作为解释器实现的。但是，现代 JavaScript 引擎通常作为实时编译器实现，这些编译器将 JavaScript 代码编译为字节码以提高性能。

当然也可以在任意搭载JavaScript引擎的设备中执行JavaScript。例如Nodejs在浏览器之外运行了V8引擎，这使得JavaScript可以在服务端运行。
JavaScript引擎总结：

Chrome 和 Opera 中的 JS引擎------V8引擎
Firefox中的JS引擎------SpiderMonkey引擎
Safari中的JS引擎------Nitro引擎和SquirrelFish引擎
IE中的JS引擎------Chakra引擎
Microsoft Edge中的JS引擎------ChakraCore引擎

如何将 JavaScript 代码添加到网站？

JvaScript可以直接嵌入到网页中，也可以通过单独的.js文件引用。当用户访问该网页时，浏览器会加载并运行该脚本。

方法1- <script>标签内嵌JavaScript

<html>
<head>
	<title>Inline JavaScript</title>
	<script type="text/JavaScript">
		alert("Hello World");
	</script>
</head>
<body>
</body>
</html>

方法1- <script>标签引入外部JavaScript文件

外部JavaScript将代码存储在单独的**.js**文件中.然后在HTML页面中调用它。开发人员在处理大型项目时经常使用此方法，因为这样做可以使脚本井井有条。此外，它还允许您在多个 HTML 页面中重用脚本，这是许多开发人员非常重视的东西。

例如，将以下脚本添加到 HTML 页面可让您调用名为 script.js 的外部 JavaScript 文件.

<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Time right now:</title>
</head>
<body>
	<button type="button" onclick="myFunction()">Select</button>
</body>
<script src="js/script.js"></script>
</html>

方法3- 内联 JavaScript

还可以将其脚本嵌入到 HTML 事件属性中，在触发事件时提示浏览器执行它,此脚本类型称为内联 JavaScript：

<button onclick="alert('Click for more details')">Click</button>

编辑器推荐

HBuilder

2020必备，前端程序员必备开发工具

HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP等特点。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

Sublime Text

2020必备，前端程序员必备开发工具

Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。