你需要知道的 165+ 个 JavaScript 术语

将此 JavaScript 词汇表加入书签,以便参考变量、方法、字符串等。
9 位读者喜欢这个。
Javascript code close-up with neon graphic overlay

Jen Wike Huger 拍摄

JavaScript 是一种丰富的语言,有时拥有看似压倒性的库和框架数量。 有了这么多可用的选项,有时只需查看该语言本身并牢记其核心组件会很有用。 本词汇表涵盖了核心 JavaScript 语言、语法和函数。

JavaScript 变量

var: 最常用的变量。 可以重新赋值,但只能在函数内部访问,这意味着函数作用域。 使用 var 定义的变量在代码执行时会移动到顶部。

const: 无法重新赋值,并且在它们出现在代码中之前无法访问,这意味着块作用域。

let: 与 const 类似,具有块作用域,但是,let 变量可以重新赋值,但不能重新声明。

数据类型

数字: var age = 33

变量: var a

文本(字符串): var a = "Sachin"

运算: var b = 4 + 5 + 6

真或假语句: var a = true

常量数字: const PI = 3.14

对象: var fullName = {firstName:"Sachin", lastName: "Samal"}

对象

这是一个 JavaScript 中对象的简单示例。 此对象描述了变量 car,并包括*键*或*属性*,例如 makemodelyear 是对象的属性名称。 每个属性都有一个值,例如 NissanAltima2022。 JavaScript 对象是具有值的属性的集合,它用作方法。

var car = {
make:"Nissan",
model:"Altima",
year:2022,
};

比较运算符

==: 等于

===: 值相等且类型相等

!=: 不等于

!==: 值不相等或类型不相等

>: 大于

<: 小于

>=: 大于或等于

<=: 小于或等于

?: 三元运算符

逻辑运算符

&&: 逻辑 AND

||: 逻辑 OR

!: 逻辑 NOT

输出数据

alert(): 在浏览器窗口的警报框中输出数据

confirm(): 打开一个“是/否”对话框,并根据用户的点击返回 true/false

console.log(): 将信息写入浏览器控制台。 适用于调试。

document.write(): 直接写入 HTML 文档

prompt(): 创建用于用户输入的对话框

数组方法

数组:可以一次保存多个值的对象。

concat(): 将多个数组连接成一个数组

indexOf(): 返回指定对象的原始值

join(): 将数组的元素组合成一个字符串并返回该字符串

lastIndexOf(): 给出给定元素在数组中出现的最后一个位置

pop(): 删除数组的最后一个元素

push(): 在末尾添加一个新元素

reverse(): 按降序对元素进行排序

shift(): 删除数组的第一个元素

slice(): 将数组的一部分的副本拉到新数组中

splice(): 以指定的方式添加位置和元素

toString(): 将元素转换为字符串

unshift(): 在开头添加一个新元素

valueOf(): 返回给定元素在数组中出现的第一个位置

JavaScript 循环

循环:在应用条件下重复执行特定任务。

for (before loop; condition for loop; execute after loop) {
// what to do during the loop
}

for: 创建一个条件循环

while: 设置在指定条件评估为 true 时循环执行至少一次的条件

do while: 与 while 循环类似,它至少执行一次,并在最后执行检查以查看是否满足条件。 如果是,则再次执行

break: 在特定条件下停止并退出循环

continue: 如果满足某些条件,则跳过循环的部分内容

if-else 语句

如果括号中的条件为真,则 if 语句执行括号内的代码。 否则,将执行一个可选的 else 语句。

if (condition) {
// do this if condition is met
} else {
// do this if condition is not met
}

字符串

字符串方法

charAt(): 返回字符串中指定位置的字符

charCodeAt(): 给出该位置字符的 Unicode

concat(): 将两个或多个字符串连接(连接)成一个

fromCharCode(): 返回从指定的 UTF-16 代码单元序列创建的字符串

indexOf(): 提供字符串中指定文本的第一次出现的位置

lastIndexOf(): 与 indexOf() 相同,但使用最后一次出现,向后搜索

match(): 检索字符串与搜索模式匹配的结果

replace(): 查找并替换字符串中指定的文本

search(): 执行匹配文本的搜索并返回其位置

slice(): 提取字符串的一部分并将其作为新字符串返回

split(): 在指定位置将字符串对象拆分为字符串数组

substr(): 提取取决于指定字符数的子字符串,类似于 slice()

substring(): 无法接受负索引,也类似于 slice()

toLowerCase(): 将字符串转换为小写

toUpperCase(): 将字符串转换为大写

valueOf(): 返回字符串对象的原始值(没有属性或方法)

数字方法

toExponential(): 返回一个字符串,其中包含写为指数表示法的四舍五入的数字

toFixed(): 返回具有指定小数位数的数字字符串

toPrecision(): 用指定长度编写的数字字符串

toString(): 将数字作为字符串返回

valueOf(): 将数字作为数字返回

数学方法

abs(a): 返回 a 的绝对值(正值)

acos(x): x 的反余弦,以弧度为单位

asin(x): x 的反正弦,以弧度为单位

atan(x): x 的反正切作为数值

atan2(y,x): 其参数商的反正切

ceil(a): a 向上舍入到其最接近的整数的值

cos(a): a 的余弦(x 以弧度为单位)

exp(a): Ex 的值

floor(a): a 向下舍入到其最接近的整数的值

log(a): a 的自然对数(以 E 为底)

max(a,b,c…,z): 返回具有最高值的数字

min(a,b,c…,z): 返回具有最低值的数字

pow(a,b): ab 次方

random(): 返回介于 0 和 1 之间的随机数

round(a): a 四舍五入到其最接近的整数的值

sin(a): a 的正弦(a 以弧度为单位)

sqrt(a): a 的平方根

tan(a): 角度的正切

在 JavaScript 中处理日期

设置日期

Date(): 使用当前日期和时间创建一个新的日期对象

Date(2022, 6, 22, 4, 22, 11, 0): 创建一个自定义日期对象。 这些数字表示年、月、日、小时、分钟、秒、毫秒。 您可以省略除年和月之外的任何内容。

Date("2022-07-29"): 作为字符串的日期声明

拉取日期和时间值

getDate(): 月份中的日期作为数字 (1-31)

getDay(): 星期几作为数字 (0-6)

getFullYear(): 年份作为四位数字 (yyyy)

getHours(): 小时 (0-23)

getMilliseconds(): 毫秒 (0-999)

getMinutes(): 分钟 (0-59)

getMonth(): 月份作为数字 (0-11)

getSeconds(): 秒 (0-59)

getTime(): 自 1970 年 1 月 1 日以来的毫秒数

getUTCDate(): 根据世界时,指定日期中的月份日期(也适用于日、月、完整年份、小时、分钟等)

parse: 解析日期的字符串表示形式并返回自 1970 年 1 月 1 日以来的毫秒数

设置日期的部分

setDate(): 将日期设置为数字 (1-31)

setFullYear(): 设置年份(可选月份和日期)

setHours(): 设置小时 (0-23)

setMilliseconds(): 设置毫秒 (0-999)

setMinutes(): 设置分钟 (0-59)

setMonth(): 设置月份 (0-11)

setSeconds(): 设置秒 (0-59)

setTime(): 设置时间(自 1970 年 1 月 1 日以来的毫秒数)

setUTCDate(): 根据世界时设置指定日期的月份日期(也适用于日、月、完整年份、小时、分钟等)

Dom 模式

节点方法

appendChild(): 将一个新子节点作为最后一个子节点添加到元素

cloneNode(): 克隆一个 HTML 元素

compareDocumentPosition(): 比较两个元素的文档位置

getFeature(): 返回一个实现指定特性 API 的对象

hasAttributes(): 如果元素具有任何属性,则返回 true,否则返回 false

hasChildNodes(): 如果元素有任何子节点,则返回 true,否则返回 false

insertBefore(): 在指定的现有子节点之前插入一个新的子节点

isDefaultNamespace(): 如果指定的 namespaceURI 是默认值,则返回 true,否则返回 false

isEqualNode(): 检查两个元素是否相等

isSameNode(): 检查两个元素是否是同一个节点

isSupported(): 如果元素支持指定的功能,则返回 true

lookupNamespaceURI(): 返回与给定节点关联的 namespaceURI

normalize(): 连接相邻的文本节点并删除元素中的空文本节点

removeChild(): 从元素中移除一个子节点

replaceChild(): 替换元素中的子节点

元素方法

getAttribute(): 返回元素节点指定的属性值

getAttributeNS(): 返回具有指定命名空间和名称的属性的字符串值

getAttributeNode(): 获取指定的属性节点

getAttributeNodeNS(): 返回具有给定命名空间和名称的属性的属性节点

getElementsByTagName(): 提供具有指定标签名称的所有子元素集合

getElementsByTagNameNS(): 返回一个属于给定命名空间且具有特定标签名称的实时 HTMLCollection 元素集合

hasAttribute(): 如果元素具有任何属性,则返回 true,否则返回 false

hasAttributeNS(): 提供一个 true/false 值,指示给定命名空间中的当前元素是否具有指定的属性

removeAttribute(): 从元素中移除指定的属性

lookupPrefix(): 如果存在,则返回一个包含给定 namespaceURI 的前缀的 DOMString

removeAttributeNS(): 从特定命名空间内的元素中移除指定的属性

removeAttributeNode(): 移除指定的属性节点并返回移除的节点

setAttribute(): 将指定的属性设置为指定的值,或者更改属性的值

setAttributeNS(): 添加新属性或更改具有给定命名空间和名称的属性的值

setAttributeNode(): 设置或更改指定的属性节点

setAttributeNodeNS(): 向元素添加新的命名空间属性节点

JavaScript 事件

鼠标

onclick: 用户单击元素

oncontextmenu: 用户右键单击元素以打开上下文菜单

ondblclick: 用户双击元素

onmousedown: 用户在元素上按下鼠标按钮

onmouseenter: 指针移动到元素上

onmouseleave: 指针移出元素

onmousemove: 指针在元素上方移动

onmouseover: 指针移动到元素或其子元素之一上

setInterval(): 以固定的时间间隔调用函数或计算表达式

oninput: 用户在元素上输入

onmouseup: 用户在元素上方释放鼠标按钮

onmouseout: 用户将鼠标指针移出元素或其子元素之一

onerror: 加载外部文件时发生错误

onloadeddata: 媒体数据已加载

onloadedmetadata: 元数据(如尺寸和持续时间)已加载

onloadstart: 浏览器开始查找指定的媒体

onpause: 媒体被用户暂停或自动暂停

onplay: 媒体已启动或不再暂停

onplaying: 媒体在暂停或停止缓冲后正在播放

onprogress: 浏览器正在下载媒体

onratechange: 媒体播放速度发生变化

onseeked: 用户完成在媒体中移动/跳到新位置

onseeking: 用户开始移动/跳过

onstalled: 浏览器尝试加载媒体,但媒体不可用

onsuspend — 浏览器有意不加载媒体

ontimeupdate: 播放位置已更改(例如,由于快进)

onvolumechange: 媒体音量已更改(包括静音)

onwaiting: 媒体已暂停但预计会恢复(例如,缓冲)

标签
Sachin Samal - Web Developer at Christus Health
Sachin Samal 是一位网页设计师和开发人员,在企业级 Web 和移动应用程序的战略架构的设计、开发和实施方面拥有丰富的经验。 他是一位开源爱好者和贡献者。 他相信编程知识的交流。

评论已关闭。

Creative Commons License本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。
© . All rights reserved.