JavaScript的概念

简介: JavaScript的概念

什么是 JavaScript


JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的高级语言。

脚本语言:在程序的运行过程中逐行进行解释执行,不需要预编译。

动态类型:在声明了一个变量之后,我们能够随时改变它的数据类型。

弱类型:变量在使用前不需要做类型声明,而是解释器在运行时检查它的数据类型。

直译式:运行的时候将程序直接编译成机器语言

JavaScript 特点


简单性 :它的变量类型是采用弱类型,并未使用严格的数据类型。

安全性 : js 不允许直接访问本地的硬盘,而且不能将数据存放到服务器上,不允许对网络文档进

行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。

动态性 : js 可以直接对用户的输入做出响应而无需经过 Web 服务程序。它对用户的响应是采用以

事件驱动的方式进行的。

跨平台性 : js 仅依赖于浏览器本身,与操作系统无关,只要是能运行浏览器的计算机,并支持 js

的浏览器就可以正确执行。

JavaScript 的组成部分

ECMAScript :简称 ES ,它是 JS 的基本语法,也是 JS 的核心。

DOM :(文档对象模型),使 JS 对 HTML 元素具有操作的能力。

BOM :(浏览器对象模型),使 JS 能够获取浏览器信息或操作浏览器。

JavaScript 书写位置

JS 分为三种使用方法,分别为行内,内嵌,外部。

行内式(不推荐使用)

行内就是 将 JS 代码直接写在 HTML 标签上 ,这种方式的结构、行为分离不够彻底,不利于后

期维护,复用性不强,如果下一个元素有同样的功能,就造成代码重复性很高。 不推荐使用 。

<input type="button" value="点我试试" onclick="alert('Hello World')" />

内嵌式

内嵌是 在页面的 <script></script> 标签内写 JS 代码 , script 标签一般放在 body 标签内

的最下方,内嵌 JS 代码比较集中,耦合度较低,便于维护,但仅限于当前页面的使用,无法被

多个页面重复使用。 推荐学习时使用

<body>
<div>content</div>
<script type="text/javascript">
alert('Hello World~!');
</script>
</body>

外部式

外部需要 通过 script 标签引入 JS 文件 到此页面。页面代码跟 JS 代码实现有效分离,降低

耦合度,便于代码的维护和扩展,还有利于代码的复用。 推荐使用。

引用外部 js 文件
<script src = "my.js"></script>

希望这篇文章可以更好地带你认识到JavaScript

相关文章
|
8月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
77 0
|
8月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
108 1
JavaScript中的原型 保姆级文章一文搞懂
|
11月前
|
JavaScript 前端开发
JS:一篇文章带你搞懂什么是异步
JS:一篇文章带你搞懂什么是异步
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
296 5
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
166 3
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
159 3
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
206 2
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
158 4