- JavaScript 教程
- JavaScript 教程
- Javascript - 概述
- Javascript - 功能
- 在浏览器中启用 JavaScript
- JavaScript - 放置在 HTML 文件中
- JavaScript - 语法
- JavaScript - Hello World 程序
- JavaScript - Console.log()方法
- JavaScript - 注释
- JavaScript - 变量
- JavaScript - let 语句
- JavaScript - 常量
- JavaScript - 数据类型
- JavaScript - 类型转换
- JavaScript - 严格模式
- JavaScript - 保留关键字
- JavaScript 运算符
- JavaScript - 运算符
- JavaScript - 算术运算符
- JavaScript - 比较运算符
- JavaScript - 逻辑运算符
- JavaScript - 按位运算符
- JavaScript - 赋值运算符
- JavaScript - 条件运算符
- JavaScript - typeof 运算符
- JavaScript - Nullish 合并运算符
- JavaScript - Delete 运算符
- JavaScript - 逗号运算符
- JavaScript - 分组运算符
- JavaScript - Yield 运算符
- JavaScript - Spread 运算符
- JavaScript - 幂运算符
- JavaScript - 运算符优先级
- JavaScript 控制流
- JavaScript - if...else 语句
- JavaScript - While 循环
- JavaScript - For 循环
- JavaScript - For...in 循环
- JavaScript - For...of 循环
- JavaScript - 循环控制
- JavaScript - Break 语句
- JavaScript - Continue 语句
- JavaScript - Switch Case 语句
- JavaScript - 用户定义的迭代器
- JavaScript 函数
- JavaScript - 函数
- JavaScript - 函数表达式
- JavaScript - 函数参数
- JavaScript - 默认参数
- JavaScript - Function() 构造函数
- JavaScript - 函数提升
- JavaScript - 自调用函数
- JavaScript - 箭头函数
- JavaScript - 函数调用
- JavaScript - 函数 call() 方法
- JavaScript - 函数 apply() 方法
- JavaScript - 函数 bind() 方法
- JavaScript - 闭包
- JavaScript - 变量范围
- JavaScript - 全局变量
- JavaScript - 智能函数参数
- JavaScript 对象
- JavaScript - Number 对象
- JavaScript - 布尔对象
- JavaScript - String 对象
- JavaScript - Array 对象
- JavaScript - 日期对象
- JavaScript - DataView 对象
- JavaScript - 处理程序
- JavaScript - math 对象
- JavaScript - 正则表达式
- JavaScript - Symbol 对象
- JavaScript - Set(集)对象
- JavaScript - WeakSet 对象
- JavaScript - Maps (地图) 对象
- JavaScript - WeakMap 对象
- JavaScript - Iterables 对象
- JavaScript - Reflect 对象
- JavaScript - TypedArray 对象
- JavaScript - 模板文本
- JavaScript - tagged 模板
- 面向对象的 JavaScript
- JavaScript - 对象概述
- JavaScript - 类(Classes)
- JavaScript - 对象属性
- JavaScript - 对象方法
- JavaScript - Static(静态)方法
- JavaScript - display(显示)对象
- JavaScript - 对象访问器
- JavaScript - 对象构造函数
- JavaScript - 原生原型
- JavaScript - ES5 对象方法
- JavaScript - Encapsulation(封装)
- JavaScript - Inheritance(继承)
- JavaScript - Abstraction(抽象)
- JavaScript - Polymorphism(多态性)
- JavaScript - 解构赋值
- JavaScript - 对象解构
- JavaScript - 数组解构
- JavaScript - 嵌套解构
- JavaScript - 可选链接
- JavaScript - 全局对象
- JavaScript - Mixin
- JavaScript - Proxies(代理)
- JavaScript 版本
- JavaScript - 历史
- JavaScript - 版本
- JavaScript - ES5
- JavaScript cookies
- JavaScript - Cookies
- JavaScript - Cookie 属性
- JavaScript - 删除 Cookie
- JavaScript 浏览器 BOM
- JavaScript - 浏览器对象模型
- JavaScript - Window 对象
- JavaScript - Document 对象
- JavaScript - Screen 对象
- JavaScript - History 对象
- JavaScript - navigator 对象
- JavaScript - Location 对象
- JavaScript - Console 对象
- JavaScript Web API
- JavaScript - Web API
- JavaScript - history API( 历史 API)
- JavaScript - Storage API(存储 API)
- JavaScript - Forms API(表单 API)
- JavaScript - Worker API
- JavaScript - Fetch API (获取 API)
- JavaScript - Geolocation API (地理位置 API)
- JavaScript 事件
- JavaScript - Events (事件简介)
- JavaScript - DOM 事件
- JavaScript - addEventListener()
- JavaScript - 鼠标事件
- JavaScript - 键盘事件
- JavaScript - 表单事件
- JavaScript - 窗口/文档事件
- JavaScript - 事件委派
- JavaScript - 事件冒泡
- JavaScript - 事件捕获
- JavaScript - 自定义事件
- JavaScript 错误处理
- JavaScript - 错误和异常处理
- JavaScript - try...catch 语句
- JavaScript - 调试
- JavaScript - 自定义错误
- JavaScript - 扩展错误
- JavaScript 重要关键词
- JavaScript - this 关键字
- JavaScript - void 关键字
- JavaScript - new 关键字
- JavaScript - var 关键字
- JavaScript HTML DOM
- JavaScript - 文档对象模型或 DOM
- JavaScript - DOM 方法
- JavaScript - DOM 文档
- JavaScript - DOM 元素
- JavaScript - DOM 表单
- JavaScript - 更改 HTML
- JavaScript - 更改 CSS
- JavaScript - DOM 动画
- JavaScript - DOM 导航
- JavaScript - DOM 集合
- JavaScript - DOM 节点列表
- JavaScript 杂项
- JavaScript - Ajax
- JavaScript - 异步迭代
- JavaScript - Atomics 对象 (原子对象)
- JavaScript - Rest 参数
- JavaScript - 页面重定向
- JavaScript - 对话框
- JavaScript - 页面打印
- JavaScript - 表单验证
- JavaScript - 动画
- JavaScript - 多媒体
- JavaScript - Image Map(图像映射)
- JavaScript - 浏览器兼容性
- JavaScript - JSON
- JavaScript - 多行字符串
- JavaScript - 日期格式
- JavaScript - 获取日期方法
- JavaScript - 设置日期方法
- JavaScript - 模块
- JavaScript - 动态导入
- JavaScript - BigInt 数据类型
- JavaScript - Blob
- JavaScript - Unicode
- JavaScript - 浅层复制
- JavaScript - 调用堆栈
- JavaScript - 引用类型
- JavaScript - IndexedDB
- JavaScript - 点击劫持攻击
- JavaScript - Currying (局部套用)
- JavaScript - 图形
- JavaScript - Canvas
- JavaScript - Debouncing (防抖)
- JavaScript - 性能
- JavaScript - 样式指南
- JavaScript - 内置函数
Javascript - 功能
JavaScript 功能
JavaScript 是一种非常流行且广泛使用的 Web 开发编程语言。它具有多种功能,使其功能强大且灵活。其中一些功能包括动态、轻量级、解释、函数式和面向对象。
有许多开源 JavaScript 库可用,有助于在前端和后端开发中使用 JavaScript。让我们重点介绍 JavaScript 的一些关键功能。
轻松设置
我们不需要特定的编辑器来开始编写 JavaScript 代码。甚至任何人都可以在【记事本】中编写 JavaScript 代码。此外,JavaScript 可以在浏览器中执行,而无需任何解释器或编译器设置。
您可以使用 <script > 标签在 HTML 文件中添加 JavaScript。但是,它还允许您将 JavaScript 从外部 JavaScript 文件添加到网页中,扩展名为“.js”。
浏览器支持
所有浏览器都支持 JavaScript,因为所有现代浏览器都带有内置的 JavaScript 执行环境。
但是,您也可以使用 'window' 对象来检查浏览器是否支持 JavaScript 或其特定功能。
Dom 操作
JavaScript 允许开发人员操作网页元素。此外,您还可以控制浏览器。
它包含使用不同属性访问 DOM 元素的各种方法,并允许自定义 HTML 元素。
事件处理
JavaScript 允许您处理用于与网页交互的事件。
例如,您可以使用 JavaScript 检测鼠标对特定 HTML 元素的单击,并与 HTML 元素进行交互。
还存在一些其他事件,例如检测网页的滚动行为等。我们将在 “JavaScript 事件” 一章中探讨所有事件。
动态类型
JavaScript 在运行时决定变量的类型。因此,我们在编写代码时不需要关心变量数据类型,为编写代码提供了更大的灵活性。
此外,您还可以将不同数据类型的值分配给单个变量。例如,如果您存储了特定变量的 number 值,则可以使用字符串更新变量的值。
函数式编程
JavaScript 支持函数式编程。在 JavaScript 中,你可以定义一等函数、纯函数、闭包、高阶函数、箭头函数、函数表达式等。
它主要使用函数作为解决问题的主要构建块。
跨平台支持
每个操作系统和浏览器都支持 JavaScript。因此,它广泛用于开发网站、移动应用程序、游戏、桌面应用程序等。
面向对象编程
JavaScript 包含这些类,我们可以使用其功能实现所有面向对象的编程概念。
它还支持面向对象编程的继承、抽象、多态性、封装等概念。
内置对象
JavaScript 包含内置对象,如 Math 和 Date。我们可以使用 Math 对象来执行数学运算,使用 Date 对象来轻松操作日期。
但是,您也可以操纵内置对象的功能。
对象原型
在 JavaScript 中,一切都是一个对象。例如,数组、函数、数字、字符串、布尔值、集合、映射等都是对象。
每个对象都包含 prototype 属性,该属性是隐藏的。您可以使用 prototype 属性来实现其他对象的功能继承或扩展类或对象的功能。
全局对象
JavaScript 包含全局对象来访问随处可见的变量。
要在浏览器中访问全局变量,可以使用 window 对象,在 Node.js 中,可以使用 'global' 关键字来访问全局变量。
最近引入了 globalThis 关键字来访问全局变量,大多数运行时环境都支持该关键字。
内置方法
JavaScript 还包含每个对象的内置方法。开发人员可以使用内置方法来编写高效且更短的代码。
例如,Array 对象包含用于筛选数组元素的 filter() 方法和用于对数组进行排序的 sort() 方法。String 对象包含用于替换字符串中文本的 replace() 方法、用于从字符串中删除空格的 trim() 方法等。
模块化编程
JavaScript 允许您在不同的模块中编写代码,并将它们与父模块连接起来。因此,开发人员可以编写可维护的代码。
通过在单独的模块中编写代码,您可以降低代码的复杂性,并在需要时重用每个模块。
JSON 格式
JSON 代表 JavaScript 对象表示法。它是一种广泛使用的数据格式,用于在两个网络之间交换数据。例如,server 和 client。
JavaScript 还支持使用 JSON 格式来存储数据。
异步编程
JavaScript 是一种单线程编程语言。为了更快地执行代码,您可以使用异步编程。
你可以在 JavaScript 中使用 promise 来编写异步代码,允许我们异步处理多个任务。
偶数驱动架构
JavaScript 的事件驱动架构允许开发人员通过并发处理大型用户群来创建交互式和响应式 Web 应用程序。
由于 JavaScript 的大量功能和应用程序,Facebook 的前端是建立在 JavaScript 之上的。Netflix 是使用 JavaScript 的 ReactJS 框架构建的。同样,Amazon、PayPal、Airbnb、LinkedIn、Twitter 等也是使用 JavaScript 构建的。
服务器端支持
JavaScript 的 Node.js 运行时环境广泛用于创建应用程序的后端,因为 javaScript 也可用于创建服务器。它允许您为应用程序创建可扩展的后端。