你需要知道的 165 多个 JavaScript 术语 编程和开发

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,并包括键或属性,例如 make, model, 和 year 是对象的属性名称。 每个属性都有一个值,例如 Nissan, Altima, 和 2022. JavaScript 对象是具有值的属性的集合,它充当方法。

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

比较运算符

==: 等于

===: 是相等的值和相等的类型

!=: 不相等

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

>: 大于

<: 小于

>=: 大于或等于

<=: 小于或等于

?: 三元运算符

逻辑运算符

&&:逻辑与

||:逻辑或

!:逻辑非

输出数据

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

confirm():打开一个是/否对话框并根据用户点击返回真/假

console.log():向浏览器控制台写入信息。 有利于调试。

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

prompt():为用户输入创建一个对话框

数组方法

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

concat(): 将多个数组合并为一个

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

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

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

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

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

reverse(): 降序排列元素

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

slice():将数组的一部分复制到新数组中

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

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

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

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

编程和开发 红帽开发人员博客 编程速查表 免费试用:红帽学习订阅电子书:Bash 编程简介 Bash shell 脚本速查表电子书:现代化企业 Java 构建应用程序的开源开发人员指南

JavaScript 循环

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

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

for:创建条件循环

while:设置循环至少执行一次的条件,只要指定的条件被评估为真

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): 的自然对数(以 E 为底) a

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

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

pow(a,b): a 的力量 b

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(): 如果元素有任何属性则返回真,否则返回假

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

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

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

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

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

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

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

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

removeChild():从元素中删除子节点

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

元素方法

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

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

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

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

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

getElementsByTagNameNS():返回具有属于给定命名空间的特定标记名称的元素的实时 HTMLCollection

hasAttribute(): 如果元素有任何属性则返回真,否则返回假

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

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

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

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:媒体暂停但预计会恢复(例如,缓冲)

阅读更多

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注