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

相关文章
|
2月前
|
自然语言处理 JavaScript 前端开发
JavaScript中闭包:概念、用途与潜在问题
【4月更文挑战第22天】JavaScript中的闭包是函数及其相关词法环境的组合,允许访问外部作用域,常用于数据封装、回调函数和装饰器。然而,不恰当使用可能导致内存泄漏和性能下降。为避免问题,需及时解除引用,减少不必要的闭包,以及优化闭包使用。理解并慎用闭包是关键。
|
2月前
|
存储 JavaScript 前端开发
解释 JavaScript 中的作用域和作用域链的概念。
【4月更文挑战第4天】JavaScript作用域定义了变量和函数的可见范围,静态决定于编码时。每个函数作为对象拥有`scope`属性,关联运行期上下文集合。执行上下文在函数执行时创建,定义执行环境,每次调用函数都会生成独特上下文。作用域链是按层级组织的作用域集合,自内向外查找变量。变量查找遵循从当前执行上下文到全局上下文的顺序,若找不到则抛出异常。
28 6
|
2月前
|
JavaScript 前端开发 网络协议
​Node.js 教程(一) 基本概念与基本使用
​Node.js 教程(一) 基本概念与基本使用
|
2月前
|
JavaScript 前端开发 Java
Node.js专题讲解 第1期 概念篇
Node.js专题讲解 第1期 概念篇
29 0
|
2月前
|
JavaScript 前端开发
Node.js中的EventEmitter模块:基本概念、使用方法和常见应用场景
Node.js中的EventEmitter模块:基本概念、使用方法和常见应用场景
74 0
|
2月前
|
前端开发 JavaScript
JavaScript 前端框架相关: React、Vue或Angular中组件化的概念是什么?
JavaScript 前端框架相关: React、Vue或Angular中组件化的概念是什么?
87 3
|
2月前
|
负载均衡 JavaScript 算法
Node.js 多进程的概念、原理、优势以及如何使用多进程来提高应用程序的性能和可伸缩性
Node.js 多进程的概念、原理、优势以及如何使用多进程来提高应用程序的性能和可伸缩性
91 1
|
1月前
|
设计模式 JavaScript 前端开发
在JavaScript中,继承是一个重要的概念,它允许我们基于现有的类(或构造函数)创建新的类
【6月更文挑战第15天】JavaScript继承促进代码复用与扩展,创建类层次结构,但过深的继承链导致复杂性增加,紧密耦合增加维护成本,单继承限制灵活性,方法覆盖可能隐藏父类功能,且可能影响性能。设计时需谨慎权衡并考虑使用组合等替代方案。
35 7
|
26天前
|
JSON JavaScript 前端开发
【JavaScript】JavaScript中的深拷贝与浅拷贝详解:基础概念与区别
JavaScript 中,理解数据拷贝的深浅至关重要。浅拷贝(如扩展运算符`...`、`Object.assign()`)仅复制对象第一层,共享内部引用,导致修改时产生意外联动。深拷贝(如自定义递归函数、`_.cloneDeep`或`JSON.parse(JSON.stringify())`)创建独立副本,确保数据隔离。选择哪种取决于性能、数据独立性和资源需求。深拷贝虽慢,但确保安全;浅拷贝快,但需小心引用共享。在面试中,理解这些概念及其应用场景是关键。
34 4
【JavaScript】JavaScript中的深拷贝与浅拷贝详解:基础概念与区别
|
20天前
|
JavaScript 前端开发
JavaScript函数核心概念:用于代码复用与管理。
【6月更文挑战第25天】JavaScript函数核心概念:用于代码复用与管理。示例包括定义(无参、有参、有返回值)与调用,参数按值传递。函数内修改参数不影响外部变量。
13 1