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