165个以上的JavaScript术语

231 阅读9分钟

将这个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,};

比较运算符

==:等于

===:等值和等类型

!=:不等于

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

>:大于

<:小于

>=:大于或等于

<=:小于或等于

?:三元运算符

逻辑运算符

&&:逻辑和

||:逻辑OR

!:逻辑NOT

输出数据

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

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

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:设定条件,只要指定的条件被评估为真,循环就至少执行一次。

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):四舍五入到最接近的整数的值

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

exp(a):弧度的值

floor(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():如果一个元素有任何属性,返回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():提供一个真/假值,表明在给定的命名空间中的当前元素是否有指定的属性。

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