JavaScript内置函数分类与详解

作者:纸飞机

时间:2026-10-30

浏览:460

本文系统梳理JavaScript中的五类内置函数,涵盖常规、数组、日期、数学及字符串操作。详细解析alert、eval、join、Date对象方法及Math对象等核心API,提供参数说明与代码示例,帮助开发者掌握基础编程工具。

文章目录

JavaScript内置函数概述

JavaScript语言中的内置函数主要可以划分为以下五个类别:

· 常规函数

· 数组函数

· 日期函数

· 数学函数

· 字符串函数

常规函数详解

1. 常规函数

JavaScript常规函数主要包含以下9个常用函数:

(1) alert函数:用于弹出一个包含“确定”按钮的警告对话框。

(2) confirm函数:用于弹出一个包含“确定”和“取消”按钮的确认对话框。

(3) escape函数:负责将字符转换为Unicode编码格式。

(4) eval函数:用于计算并返回JavaScript表达式的结果。

(5) isNaN函数:用于检测一个值是否非数字,返回布尔值(true表示非数字,false表示是数字)。

(6) parseFloat函数:将字符串解析并转换为浮点数。

(7) parseInt函数:将字符串解析并转换为整数,支持指定进制基数。

(8) prompt函数:显示一个输入对话框,提示用户输入信息并等待反馈。例如:


<script language="javascript">
<!--
alert("输入错误");
prompt("请输入您的姓名","姓名");//(标题,预设值)
confirm("确定否!");
//-->
</script>

(9) unescape函数:用于解码由escape函数编码的字符序列。

数组函数详解

2. 数组函数

JavaScript数组函数主要包含以下4个常用函数:

(1) join函数:将数组中的所有元素连接并转换为一个字符串。例:


function JoinDemo()
{
 var a, b;
 a = new Array(0,1,2,3,4);
 b = a.join("-");//分隔符
 return(b);//返回的b=="0-1-2-3-4"
} 

(2) length函数:返回数组的长度。例:


function LengthDemo()
{
 var a, l;
 a = new Array(0,1,2,3,4);
 l = a.length;
 return(l);//l==5
}

(3) reverse函数:将数组中元素的顺序进行反转。例:


function ReverseDemo()
 {
var a, l;
a = new Array(0,1,2,3,4);
l = a.reverse();
return(l);
 } 

(4) sort函数:对数组中的元素进行重新排序。例:


function SortDemo()
{
 var a, l;
 a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
 l = a.sort();
 return(l);
} 

日期函数详解

3. 日期函数

JavaScript日期函数主要包含以下20个常用函数:

(1) getDate函数:返回日期对象中的“日”部分,取值范围为1至31。例:


function DateDemo()
 {
var d, s = "Today's date is: ";
d = new Date();
s += (d.getMonth() + 1) + "/";
s += d.getDate() + "/";
s += d.getYear();
return(s);
 } 

(2) getDay函数:返回星期几,值为0至6,其中0代表星期日,1代表星期一,依此类推,6代表星期六。例:


function DateDemo()
 {
var d, day, x, s = "Today is: ";
var x = new Array("Sunday", "Monday", "Tuesday");
var x = x.concat("Wednesday","Thursday", "Friday");
var x = x.concat("Saturday");
d = new Date();
day = d.getDay();
return(s += x[day]);
 } 

(3) getHours函数:返回日期对象中的“小时”部分,取值范围为0至23。例:


function TimeDemo()
 {
var d, s = "The current local time is: ";
var c = ":";
d = new Date();
s += d.getHours() + c;
s += d.getMinutes() + c;
s += d.getSeconds() + c;
s += d.getMilliseconds();
return(s);
 }

(4) getMinutes函数:返回日期对象中的“分钟”部分,取值范围为0至59。见上例。

(5)getMonth函数:返回日期的“月”部分,值为0~11。其中0表示1月,2表示3月,...,11表示12月。见前面的例子。

(6) getSeconds函数:返回日期对象中的“秒”部分,取值范围为0至59。见前面的例子。

(7) getTime函数:返回系统时间,即从1970年1月1日零时整算起的毫秒数。


function GetTimeTest()
 {
var d, s, t;
var MinMilli = 1000 * 60;
var HrMilli = MinMilli * 60;
var DyMilli = HrMilli * 24;
d = new Date();
t = d.getTime();
s = "It's been "
s += Math.round(t / DyMilli) + " days since 1/1/70";
return(s);
 } 

(8) getTimezoneOffset函数:返回当前地区与格林威治标准时间(GMT)之间的时差,单位为分钟。


function TZDemo()
 {
var d, tz, s = "The current local time is ";
d = new Date();
tz = d.getTimezoneOffset();
if (tz < 0)
s += tz / 60 + " hours before GMT";
else if (tz == 0)
s += "GMT";
else
s += tz / 60 + " hours after GMT";
return(s);
 } 

(9) getYear函数:返回日期对象中的“年”部分。返回值以1900年为基数,例如1999年返回99。前面有例子。

(10) parse函数:返回从1970年1月1日零时整(当地时间)算起的毫秒数。


function GetTimeTest(testdate)
 {
var d, s, t;
var MinMilli = 1000 * 60;
var HrMilli = MinMilli * 60;
var DyMilli = HrMilli * 24;
d = new Date();
t = Date.parse(testdate);
s = "There are "
s += Math.round(Math.abs(t / DyMilli)) + " days "
s += "between " + testdate + " and 1/1/70";
return(s);
 }

(11) setDate函数:设定日期对象中的“日”部分,取值范围为0至31。

(12) setHours函数:设定日期对象中的“小时”部分,取值范围为0至23。

(13) setMinutes函数:设定日期对象中的“分钟”部分,取值范围为0至59。

(14) setMonth函数:设定日期对象中的“月”部分,取值范围为0至11,其中0代表1月,...,11代表12月。

(15) setSeconds函数:设定日期对象中的“秒”部分,取值范围为0至59。

(16) setTime函数:设定时间,时间数值为从1970年1月1日零时整算起的毫秒数。

(17) setYear函数:设定日期对象中的“年”部分。

(18) toGMTString函数:将日期转换为字符串,格式为格林威治标准时间(GMT)。

(19) setLocaleString函数:将日期转换为字符串,格式为当地时间。

(20) UTC函数:返回从1970年1月1日零时整(GMT)算起的毫秒数。

数学函数详解

4. 数学函数

JavaScript中的数学函数主要通过Math对象实现,该对象包含属性和方法(函数)两部分。其中,属性主要包括以下内容:

Math.e:自然对数底数e;Math.LN2:2的自然对数;Math.LN10:10的自然对数;Math.LOG2E:以2为底e的对数;Math.LOG10E:以10为底e的对数;Math.PI:圆周率π;Math.SQRT1_2:1/2的平方根值;Math.SQRT2:2的平方根值。

函数共有以下18个:

(1) abs函数:即Math.abs,返回一个数字的绝对值。

(2) acos函数:返回一个数字的反余弦值,结果范围为0至π弧度(radians)。

(3) asin函数:返回一个数字的反正弦值,结果范围为-π/2至π/2弧度。

(4) atan函数:返回一个数字的反正切值,结果范围为-π/2至π/2弧度。

(5) atan2函数:返回坐标的极坐标角度值。

(6) ceil函数:返回大于或等于一个数字的最小整数值。

(7) cos函数:返回一个数字的余弦值,结果范围为-1至1。

(8) exp函数:返回自然对数底数e的乘方值。

(9) floor函数:返回小于或等于一个数字的最大整数值。

(10) log函数:自然对数函数,返回一个数字的自然对数(e)值。

(11) max函数:返回两个数中的最大值。

(12) min函数:返回两个数中的最小值。

(13) pow函数:返回一个数字的乘方值。

(14) random函数:返回一个0至1之间的随机数值。

(15) round函数:返回一个数字的四舍五入值,类型为整数。

(16) sin函数:返回一个数字的正弦值,结果范围为-1至1。

(17) sqrt函数:返回一个数字的平方根值。

(18) tan函数:返回一个数字的正切值。

字符串函数详解

5. 字符串函数

JavaScript字符串函数用于处理字符串的字体大小、颜色、长度和查找等操作,共包括以下20个函数:

(1) anchor函数:生成一个链接点(anchor)用于超级链接。anchor函数设定<A NAME...>的链接点名称,另一个函数link设定<A HREF=...>的URL地址。

(2) big函数:将字体增大一号,效果与<BIG>...</BIG>标签相同。

(3) blink函数:使字符串闪烁,效果与<BLINK>...</BLINK>标签相同。

(4) bold函数:使字体加粗,效果与<B>...</B>标签相同。

(5) charAt函数:返回字符串中指定位置的某个字符。

(6) fixed函数:将字体设定为固定宽度字体,效果与<TT>...</TT>标签相同。

(7) fontcolor函数:设定字体颜色,效果与<FONT COLOR=color>标签相同。

(8) fontsize函数:设定字体大小,效果与<FONT SIZE=n>标签相同。

(9) indexOf函数:从左侧开始查找,返回字符串中第一个匹配项的下标index。

(10) italics函数:使字体成为斜体,效果与<I>...</I>标签相同。

(11) lastIndexOf函数:从右侧开始查找,返回字符串中第一个匹配项的下标index。

(12) length函数:返回字符串的长度(使用时不带括号)。

(13) link函数:生成一个超级链接,相当于设定<A HREF=...>的URL地址。

(14) small函数:将字体减小一号,效果与<SMALL>...</SMALL>标签相同。

(15) strike函数:在文本中间加一条横线,效果与<STRIKE>...</STRIKE>标签相同。

(16) sub函数:显示字符串为下标字(subscript)。

(17) substring函数:返回字符串中指定范围的几个字符。

(18) sup函数:显示字符串为上标字(superscript)。

(19) toLowerCase函数:将字符串转换为小写。

(20) toUpperCase函数:将字符串转换为大写。

以上关于JavaScript内置函数的分类与详解旨在为开发者提供参考,希望有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章