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