主页
  • 主页
  • 分类
  • 热文
  • 教程
  • 面试
  • 标签
JavaScript

JavaScript 基础

JavaScript 主页
JavaScript 概述
JavaScript 特性
JavaScript 启用
JavaScript 展示位置
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 扩展运算符
JavaScript 指数运算符
JavaScript 运算符优先级

JavaScript 控制流

JavaScript if...else 语句
JavaScript while 循环
JavaScript for 循环
JavaScript for...in 循环
JavaScript for...of 循环
JavaScript 循环控制
JavaScript break 语句
JavaScript continue 语句
JavaScript switch 语句
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 Boolean 对象
JavaScript String 对象
JavaScript 数组对象
JavaScript 日期对象
JavaScript DataView 对象
JavaScript 处理程序
JavaScript Math 对象
JavaScript 正则表达式
JavaScript Symbol 类型
JavaScript Set 对象
JavaScript WeakSet 对象
JavaScript Map 对象
JavaScript WeakMap 对象
JavaScript 可迭代对象
JavaScript Reflect 对象
JavaScript TypedArray
JavaScript 模板字面量
JavaScript 标记模板

JavaScript 面向对象

JavaScript 对象
JavaScript 类
JavaScript 对象属性
JavaScript 对象方法
JavaScript 静态方法
JavaScript 显示对象
JavaScript 对象访问器属性
JavaScript 对象构造器
JavaScript 原型(Prototype)
JavaScript ES5 对象方法
JavaScript 封装
JavaScript 继承
JavaScript 抽象
JavaScript 多态
JavaScript 解构赋值
JavaScript 数组解构
JavaScript 嵌套解构
JavaScript 可选链
JavaScript 全局对象
JavaScript mixins
JavaScript 代理(Proxy)

JavaScript Cookies

JavaScript Cookies操作
JavaScript Cookie 属性
JavaScript 删除 Cookies

JavaScript 浏览器 BOM

JavaScript 浏览器对象模型(BOM)
JavaScript 窗口对象
JavaScript Document 对象
JavaScript 屏幕对象
JavaScript Window History 对象
JavaScript Navigator 对象
JavaScript Location 对象
JavaScript Console 对象

JavaScript Web APIs

JavaScript Web API
JavaScript History API
JavaScript 存储 API
JavaScript Forms API
JavaScript Worker API
JavaScript Fetch API
JavaScript 定位 API

JavaScript 事件

JavaScript 事件
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 HTML DOM
JavaScript DOM 方法
JavaScript 文档对象
JavaScript DOM 元素
JavaScript 文档表单
JavaScript 更改 HTML
JavaScript 更改 CSS
JavaScript DOM 动画
JavaScript DOM 导航
JavaScript DOM 集合
JavaScript 节点列表

JavaScript 杂项

JavaScript Ajax
JavaScript 异步迭代
JavaScript Atomics 对象
JavaScript 剩余参数
JavaScript 页面重定向
JavaScript 对话框
JavaScript 打印网页
JavaScript 表单验证
JavaScript 创建动画
JavaScript 多媒体
JavaScript 图像地图
JavaScript 浏览器兼容性
JavaScript JSON
JavaScript 多行字符串
JavaScript 浅拷贝
JavaScript 日期格式
JavaScript 获取日期方法
JavaScript 调用栈
JavaScript 引用类型
JavaScript 设置日期方法
JavaScript 模块
JavaScript IndexedDB
JavaScript clickjacking(点击劫持)
JavaScript 动态导入
JavaScript BigInt
JavaScript 柯里化(Currying)
JavaScript 图形库
JavaScript Blob
JavaScript Unicode
JavaScript 绘制图形
JavaScript 防抖
JavaScript 性能
JavaScript 编码规范

基础

JavaScript 主页
JavaScript 概述
JavaScript 特性
JavaScript 启用
JavaScript 展示位置
JavaScript 语法
JavaScript hello_world
JavaScript console.log()
JavaScript 注释
JavaScript 变量
JavaScript let 语句
JavaScript 常量
JavaScript 数据类型
JavaScript 类型转换
JavaScript 严格模式
JavaScript 保留关键字

操作符

JavaScript 操作符
JavaScript 算术运算符
JavaScript 比较操作符
JavaScript 逻辑运算符
JavaScript 位运算符
JavaScript 赋值运算符
JavaScript 条件运算符
JavaScript typeof 运算符
JavaScript Nullish 合并运算符
JavaScript delete 运算符
JavaScript 逗号运算符
JavaScript 分组运算符
JavaScript Yield 运算符
JavaScript 扩展运算符
JavaScript 指数运算符
JavaScript 运算符优先级

控制流

JavaScript if...else 语句
JavaScript while 循环
JavaScript for 循环
JavaScript for...in 循环
JavaScript for...of 循环
JavaScript 循环控制
JavaScript break 语句
JavaScript continue 语句
JavaScript switch 语句
JavaScript 可迭代对象

函数

JavaScript 函数
JavaScript 函数表达式
JavaScript 函数参数和参数值
JavaScript 默认参数
JavaScript Function() 构造函数
JavaScript 函数提升
JavaScript 自执行函数
JavaScript 箭头函数
JavaScript 函数调用
JavaScript call() 方法
JavaScript apply() 方法
JavaScript bind() 方法
JavaScript 闭包
JavaScript 作用域
JavaScript 全局变量
JavaScript 智能函数参数

对象

JavaScript Number 对象
JavaScript Boolean 对象
JavaScript String 对象
JavaScript 数组对象
JavaScript 日期对象
JavaScript DataView 对象
JavaScript 处理程序
JavaScript Math 对象
JavaScript 正则表达式
JavaScript Symbol 类型
JavaScript Set 对象
JavaScript WeakSet 对象
JavaScript Map 对象
JavaScript WeakMap 对象
JavaScript 可迭代对象
JavaScript Reflect 对象
JavaScript TypedArray
JavaScript 模板字面量
JavaScript 标记模板

面向对象

JavaScript 对象
JavaScript 类
JavaScript 对象属性
JavaScript 对象方法
JavaScript 静态方法
JavaScript 显示对象
JavaScript 对象访问器属性
JavaScript 对象构造器
JavaScript 原型(Prototype)
JavaScript ES5 对象方法
JavaScript 封装
JavaScript 继承
JavaScript 抽象
JavaScript 多态
JavaScript 解构赋值
JavaScript 数组解构
JavaScript 嵌套解构
JavaScript 可选链
JavaScript 全局对象
JavaScript mixins
JavaScript 代理(Proxy)

Cookies

JavaScript Cookies操作
JavaScript Cookie 属性
JavaScript 删除 Cookies

浏览器 BOM

JavaScript 浏览器对象模型(BOM)
JavaScript 窗口对象
JavaScript Document 对象
JavaScript 屏幕对象
JavaScript Window History 对象
JavaScript Navigator 对象
JavaScript Location 对象
JavaScript Console 对象

Web APIs

JavaScript Web API
JavaScript History API
JavaScript 存储 API
JavaScript Forms API
JavaScript Worker API
JavaScript Fetch API
JavaScript 定位 API

事件

JavaScript 事件
JavaScript DOM 事件
JavaScript addEventListener()
JavaScript 鼠标事件
JavaScript 键盘事件
JavaScript 表单事件
JavaScript 窗口事件
JavaScript 事件委托
JavaScript 事件冒泡
JavaScript 事件捕获
JavaScript 自定义事件

错误处理

JavaScript 错误处理
JavaScript try-catch
JavaScript 调试
JavaScript 自定义错误
JavaScript 扩展错误

重要关键字

JavaScript this'关键字
JavaScript void 关键字
JavaScript new 关键字
JavaScript var 关键字

HTML DOM

JavaScript HTML DOM
JavaScript DOM 方法
JavaScript 文档对象
JavaScript DOM 元素
JavaScript 文档表单
JavaScript 更改 HTML
JavaScript 更改 CSS
JavaScript DOM 动画
JavaScript DOM 导航
JavaScript DOM 集合
JavaScript 节点列表

杂项

JavaScript Ajax
JavaScript 异步迭代
JavaScript Atomics 对象
JavaScript 剩余参数
JavaScript 页面重定向
JavaScript 对话框
JavaScript 打印网页
JavaScript 表单验证
JavaScript 创建动画
JavaScript 多媒体
JavaScript 图像地图
JavaScript 浏览器兼容性
JavaScript JSON
JavaScript 多行字符串
JavaScript 浅拷贝
JavaScript 日期格式
JavaScript 获取日期方法
JavaScript 调用栈
JavaScript 引用类型
JavaScript 设置日期方法
JavaScript 模块
JavaScript IndexedDB
JavaScript clickjacking(点击劫持)
JavaScript 动态导入
JavaScript BigInt
JavaScript 柯里化(Currying)
JavaScript 图形库
JavaScript Blob
JavaScript Unicode
JavaScript 绘制图形
JavaScript 防抖
JavaScript 性能
JavaScript 编码规范

JavaScript 特性


上一章 下一章

JavaScript 是一种广泛用于网页开发的高度流行编程语言。它拥有一系列使其强大而灵活的特点。这些特点包括动态性、轻量化、解释型、功能性以及面向对象。

许多开源的 JavaScript 库可用,这使得 JavaScript 能够应用于前端和后端开发。让我们突出一些 JavaScript 的关键特点。

易于设置

我们不需要特定的编辑器来开始编写 JavaScript 代码。任何人甚至可以在记事本中编写 JavaScript 代码。此外,JavaScript 可以在浏览器中执行,而无需任何解释器或编译器设置。

您可以使用 <script> 标签将 JavaScript 添加到 HTML 文件中。但是,它也允许您从具有 .js 扩展名的外部 JavaScript 文件中添加 JavaScript 到网页。

浏览器支持

所有浏览器都支持 JavaScript,因为所有现代浏览器都自带内置的 JavaScript 执行环境。

然而,您也可以使用 ‘window’ 对象来检查浏览器是否支持 JavaScript 或其某个特定功能。

DOM 操控

JavaScript 允许开发者操控网页元素。同时,您也可以控制浏览器。

它包含各种方法,通过不同的属性来访问 DOM 元素,并允许定制 HTML 元素。

事件处理

JavaScript 允许您处理用于与网页交互的事件。

例如,您可以使用 JavaScript 检测对某个特定 HTML 元素的鼠标点击,并与 HTML 元素进行交互。

还有一些其他的事件,比如检测网页滚动行为等。我们将在‘JavaScript 事件’章节中探索所有的事件。

动态类型

JavaScript 在运行时决定变量的类型。因此,在编写代码时,我们不需要关心变量的数据类型,这提供了更多的灵活性来编写代码。

此外,您可以将不同数据类型的值赋给同一个变量。例如,如果您存储了一个特定变量的数字值,您可以更新该变量的值为字符串。

函数式编程

JavaScript 支持函数式编程。在 JavaScript 中,您可以定义一等函数、纯函数、闭包、高阶函数、箭头函数、函数表达式等。

它主要使用函数作为解决问题的主要构建块。

跨平台支持

每个操作系统和浏览器都支持 JavaScript。因此,它被广泛用于开发网站、移动应用、游戏、桌面应用等。

面向对象编程

JavaScript 包含类,并且我们可以使用其功能实现所有的面向对象编程概念。

它还支持继承、抽象、多态、封装等面向对象编程的概念。

内置对象

JavaScript 包含内置对象如 Math 和 Date。我们可以使用 Math 对象执行数学运算,并使用 Date 对象轻松操纵日期。

然而,您也可以修改内置对象的功能。

对象原型

在 JavaScript 中,一切都是对象。例如,数组、函数、数字、字符串、布尔值、集合、映射等都是对象。

每个对象都有一个隐藏的原型属性。您可以使用原型属性来实现继承或通过其他对象的功能扩展类或对象的功能。

全局对象

JavaScript 包含全局对象来访问那些在任何地方都可用的变量。

要在浏览器中访问全局变量,您可以使用 window 对象;而在 Node.js 中,您可以使用 'global' 关键字来访问全局变量。

最近,引入了 globalThis 关键字来访问全局变量,并且它被大多数运行环境所支持。

内置方法

JavaScript 也为每个对象提供了内置方法。开发人员可以使用内置方法来编写高效且简短的代码。

例如,Array 对象包含 filter() 方法来过滤数组元素,以及 sort() 方法来排序数组。String 对象包含 replace() 方法来替换字符串中的文本,trim() 方法来移除字符串中的空白字符等。

模块化编程

JavaScript 允许您将代码编写在不同的模块中并与父模块连接。因此,开发人员可以编写可维护的代码。

通过将代码写在单独的模块中,您可以减少代码的复杂性并在需要时重用每个模块。

JSON

JSON 代表 JavaScript 对象表示法。它是一种广泛使用的数据格式,用于在网络之间交换数据。例如,服务器和客户端之间。

JavaScript 同样支持 JSON 格式来存储数据。

异步编程

JavaScript 是一种单线程编程语言。为了更快地执行代码,您可以使用异步编程。

您可以使用 JavaScript 中的 Promise 来编写异步代码,这允许我们处理多个任务的异步执行。

事件驱动架构

JavaScript 的事件驱动架构允许开发者通过处理大量的并发用户基数来创建交互性和响应式的 Web 应用程序。

由于 JavaScript 的广泛特性和应用,Facebook 的前端是基于 JavaScript 构建的。Netflix 使用 JavaScript 的 ReactJS 框架构建。同样,亚马逊、PayPal、Airbnb、LinkedIn、Twitter 等也是使用 JavaScript 构建的。

服务器端支持

JavaScript 的 Node.js 运行时环境被广泛用于创建应用程序的后端,因为 JavaScript 也可以用来创建服务器。它允许您为应用程序创建可扩展的后端。

上一章 下一章
阅读号二维码

关注阅读号

联系二维码

联系我们

© 2024 Yoagoa. All rights reserved.

粤ICP备18007391号

站点地图