您的当前位置:首页正文

JavaScript中常见内置函数用法示例

2023-12-08 来源:站点网
导读今天和大家说一下JS的内置函数和自定义函数,JS的内置函数和自定义函数怎么使用,JS的内置函数和自定义函数使用的时候有哪些注意事项,下面给大家举俩个案例。执行JS代码,有两种方式,一种是刷新界面,一种是写在点击事件里面,在进行点击的时候,执行JS代码函数的参数:放在定义函数中的是形式参数(形参),没有个数的*,调用函数传递的值是实参,形参与实参是对应的变量的访问就取值和赋值写在script标签之间的变量叫做全局变量(顶级变量),该变量的作用域是顶级作用域当变量定义在某个函数中时仅在该函数内才可以

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

小编还为您整理了以下内容,可能对您也有帮助:

JS里内置函数和自定义函数怎么使用


今天和大家说一下JS的内置函数和自定义函数,JS的内置函数和自定义函数怎么使用,JS的内置函数和自定义函数使用的时候有哪些注意事项,下面给大家举俩个案例。
执行JS代码,有两种方式,一种是刷新界面,一种是写在点击事件里面,在进行点击的时候,执行JS代码
函数的参数:放在定义函数中的是形式参数(形参),没有个数的*,调用函数传递的值是实参,形参与实参是对应的
变量的访问就取值和赋值
写在script标签之间的变量叫做全局变量(顶级变量),该变量的作用域是顶级作用域
当变量定义在某个函数中时仅在该函数内才可以访问到该变量
JS在查找变量遵循向上查找规则(优先查找自身作用域内的变量)
只要定义一个函数就会产生一个作用域
作用域查找规则就是作用链
优先查找自身作用域的变量,向上查询
不会执行向下查找
现在的a是一个全局变量
一、javascript内置函数
escape函数:把传入字符串进行url编码。
unescape函数:把传入的url编码转为原始字符串。
需要注意的是,url编码规则:
(1)英文字母数字:不进行编码。
(2)空白标点符号:转为%xx字符串,比如空白字符转换为%20.
(3)中文字:转为%xxxx字符串,为16进制。
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>实验</title>
</script>
</head>

<body>
<script language="javascript">

var str = "javascript学习基础";

var strEscape = escape(str);
var strOriginal = unescape(strEscape);

console.log(strEscape); // javascript%u5B66%u4E60%u57FA%u7840
console.log(strOriginal);// javascript学习基础
</script>
</body>
</html>自定义函数
可以不带参数、带参数、包含返回值。
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>实验</title>
<script language="javascript">

//带2个参数,返回值
function f2(a,b)
{
return a + parseInt(b);
}

//不带参数,无返回值
function f1()
{
var r;
r = f2(2,'8xx');
document.write(r);
}
</script>
</head>

<body>
<script language="javascript">
f1(); //输出10
</script>
</body>
</html>

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!


相关阅读:
怎样让DIV自适应高度

怎样用CSS隐藏图片背景的文字内容

在HTML里用CSS隐藏div的方法

JS里内置函数和自定义函数怎么使用


今天和大家说一下JS的内置函数和自定义函数,JS的内置函数和自定义函数怎么使用,JS的内置函数和自定义函数使用的时候有哪些注意事项,下面给大家举俩个案例。
执行JS代码,有两种方式,一种是刷新界面,一种是写在点击事件里面,在进行点击的时候,执行JS代码
函数的参数:放在定义函数中的是形式参数(形参),没有个数的*,调用函数传递的值是实参,形参与实参是对应的
变量的访问就取值和赋值
写在script标签之间的变量叫做全局变量(顶级变量),该变量的作用域是顶级作用域
当变量定义在某个函数中时仅在该函数内才可以访问到该变量
JS在查找变量遵循向上查找规则(优先查找自身作用域内的变量)
只要定义一个函数就会产生一个作用域
作用域查找规则就是作用链
优先查找自身作用域的变量,向上查询
不会执行向下查找
现在的a是一个全局变量
一、javascript内置函数
escape函数:把传入字符串进行url编码。
unescape函数:把传入的url编码转为原始字符串。
需要注意的是,url编码规则:
(1)英文字母数字:不进行编码。
(2)空白标点符号:转为%xx字符串,比如空白字符转换为%20.
(3)中文字:转为%xxxx字符串,为16进制。
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>实验</title>
</script>
</head>

<body>
<script language="javascript">

var str = "javascript学习基础";

var strEscape = escape(str);
var strOriginal = unescape(strEscape);

console.log(strEscape); // javascript%u5B66%u4E60%u57FA%u7840
console.log(strOriginal);// javascript学习基础
</script>
</body>
</html>自定义函数
可以不带参数、带参数、包含返回值。
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>实验</title>
<script language="javascript">

//带2个参数,返回值
function f2(a,b)
{
return a + parseInt(b);
}

//不带参数,无返回值
function f1()
{
var r;
r = f2(2,'8xx');
document.write(r);
}
</script>
</head>

<body>
<script language="javascript">
f1(); //输出10
</script>
</body>
</html>

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!


相关阅读:
怎样让DIV自适应高度

怎样用CSS隐藏图片背景的文字内容

在HTML里用CSS隐藏div的方法

JavaScript函数如何使用

函数就是通过共同定义相同的处理并使其可以多次使用,接下来的这篇文章就来给大家介绍关于JavaScript中函数的用法。

如果代码很多的话,有时可能需要用到大量相同的处理,虽然可以通过复制粘贴来省去时间,但是代码会变得很长,不方便后续的一些操作,这时候我们可以将相同的处理定义为一个函数,然后调用这个函数,这样代码就会看起来非常的简洁了。

此外函数还有一个优点,当需要处理的部分代码需要进行共同的变化时,只需要更改一处就可以了。

下面我们来看JavaScript中函数的定义

基本形式

在定义函数时首先需要的是function。之后写下给函数的名称并在{}中写入需要的处理,最简单的编写的话就像下面这样

<script>

function 函数名( ) {

处理的代码

}

</script>参数和返回值

此外,如果要将参数传递给函数,请将参数名称放在括号中。您可以根据需要添加任意数量的参数,以“,”分隔。因此,即使进行相同的处理,也可以地根据传递的参数进行内容的处理。

另外,如果你想获得这个调用函数的处理结果,使用return的关键字,则会传递函数中处理的结果返回值。

<script>

function 函数名(参数1,参数2,...){

处理的代码

return 返回值;

}

</ script>我们下面来看使用函数编程的具体例子

我们先使用变量来编写,将变量定义为money,根据输入的money的值,用document.write输出字符串“有钱人”,“普通人”,“贫穷”三个类型。

代码如下

<!DOCTYPE html>

<html>

<head>

<meta charset = "utf-8">

<title>JavaScript</title>

</head>

<body>

<script>

var money;

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

</script>

</body>

</html>基于上述代码,根据输入的money值,执行的结果会为“有钱人”或“普通人”或“贫穷”,如果不使用函数,则必须写入相同的代码。

<script>

var money=10000;

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

</script>变量money的值输入10000,则输出结果为“有钱人”

当变量money输入为4000,结果就为"普通人",输入money的值为2000时就是“贫穷”。

所以你只需要改变var money的值,其他都不需要改变,但代码就会变得很多,这个时候如果定义一个函数,代码就会变得简单的多

我们接着就来看使用函数具体的示例

这里的函数名称是judge。因为想根据输入变量money的值来判断“有钱人”“普通人”“贫穷”。

实际上,您无法分辨传递给函数的信息是什么,因此使用变量money定义参数。该函数将根据进入变量money的值来改变输出的值和字符串。

function judge(money) {

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

}这样做的话,就可以删除目前已编写和重复多次的代码,并将其替换为名为judge的函数。

代码如下

<script>

function judge(money) {

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

}

var money = 10000;

judge(money);

var money = 4000;

judge(money);

var money = 2000;

judge(money);

</script>运行结果如下

使用return值返回

也可以在不使用document.write的情况下返回判断结果的字符串。这种情况下,使用返回值return。将判断结果的字符串“有钱人”“普通”“穷”代入后,最后用return返回到result的变量的值。

代码如下

<script>

function judge(money) {

var result;

if (money > 5000) {

result = "有钱人";

} else if (money > 3000){

result = "普通人";

} else {

result = "贫穷";

}

return result;

}

var money = 10000;

var result = judge(money);

document.write(result);

var money = 4000;

var result = judge(money);

document.write(result);

var money = 2000;

var result = judge(money);

document.write(result);

</script>运行效果不变

最后,我们来简单看一下什么是局部变量

局部变量是指在函数中定义的变量,并且只在该函数中有作用。

使用“var变量名”声明与普通变量没有区别,但在局部变量的情况下,它是在function中声明。

Javascript中内建函数reduce的应用详解

前言
一般而言,可以通过rece方法实现的逻辑都可以通过forEach方法来变相的实现,虽然不清楚浏览器的js引擎是如何在C++层面实现这两个方法,但是可以肯定的是rece方法肯定也存在数组的遍历,在具体实现细节上是否针对数组项的操作和存储做了什么优化,则不得而知。
数组的rece方法的应用
rece方法有两个参数,第一个参数是一个callback,用于针对数组项的操作;第二个参数则是传入的初始值,这个初始值用于单个数组项的操作。需要注意的是,rece方法返回值并不是数组,而是形如初始值的经过叠加处理后的操作。
rece方法最常见的场景就是叠加。
var
items
=
[10,
120,
1000];
//
our
recer
function
var
recer
=
function
add(sumSoFar,
item)
{
return
sumSoFar
+
item;
};
//
do
the
job
var
total
=
items.rece(recer,
0);
console.log(total);
//
1130
可以看出,rece函数根据初始值0,不断的进行叠加,完成最简单的总和的实现。
前文中也提到,rece函数的返回结果类型和传入的初始值相同,上个实例中初始值为number类型,同理,初始值也可为object类型。
var
items
=
[10,
120,
1000];
//
our
recer
function
var
recer
=
function
add(sumSoFar,
item)
{
sumSoFar.sum
=
sumSoFar.sum
+
item;
return
sumSoFar;
};
//
do
the
job
var
total
=
items.rece(recer,
{sum:
0});
console.log(total);
//
{sum:1130}
多重叠加
使用rece方法可以完成*度的数据叠加。如上例中的初始值{sum:
0}
,这仅仅是一个维度的操作,如果涉及到了多个属性的叠加,如{sum:
0,totalInEuros:
0,totalInYen:
0}
,则需要相应的逻辑进行处理。
在下面的方法中,采用分而治之的方法,即将rece函数第一个参数callback封装为一个数组,由数组中的每一个函数单独进行叠加并完成rece操作。所有的一切通过一个manager函数来管理流程和传递初始参数。
var
manageRecers
=
function(recers)
{
return
function(state,
item)
{
return
Object.keys(recers).rece(
function(nextState,
key)
{
recers[key](state,
item);
return
state;
},
{}
);
}
};
上面就是manager函数的实现,它需要recers对象作为参数,并返回一个callback类型的函数,作为rece的第一个参数。在该函数内部,则执行*的叠加工作(
Object.keys()
)。
通过这种分治的思想,可以完成目标对象多个属性的同时叠加,完整代码如下:
var
recers
=
{
totalInEuros
:
function(state,
item)
{
return
state.euros
+=
item.price
*
0.897424392;
},
totalInYen
:
function(state,
item)
{
return
state.yens
+=
item.price
*
113.852;
}
};
var
manageRecers
=
function(recers)
{
return
function(state,
item)
{
return
Object.keys(recers).rece(
function(nextState,
key)
{
recers[key](state,
item);
return
state;
},
{}
);
}
};
var
bigTotalPriceRecer
=
manageRecers(recers);
var
initialState
=
{euros:0,
yens:
0};
var
items
=
[{price:
10},
{price:
120},
{price:
1000}];
var
totals
=
items.rece(bigTotalPriceRecer,
initialState);
console.log(totals);
总结
以上就是Javascript中内建函数rece应用的全部内容,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。

Javascript中内建函数reduce的应用详解

前言
一般而言,可以通过rece方法实现的逻辑都可以通过forEach方法来变相的实现,虽然不清楚浏览器的js引擎是如何在C++层面实现这两个方法,但是可以肯定的是rece方法肯定也存在数组的遍历,在具体实现细节上是否针对数组项的操作和存储做了什么优化,则不得而知。
数组的rece方法的应用
rece方法有两个参数,第一个参数是一个callback,用于针对数组项的操作;第二个参数则是传入的初始值,这个初始值用于单个数组项的操作。需要注意的是,rece方法返回值并不是数组,而是形如初始值的经过叠加处理后的操作。
rece方法最常见的场景就是叠加。
var
items
=
[10,
120,
1000];
//
our
recer
function
var
recer
=
function
add(sumSoFar,
item)
{
return
sumSoFar
+
item;
};
//
do
the
job
var
total
=
items.rece(recer,
0);
console.log(total);
//
1130
可以看出,rece函数根据初始值0,不断的进行叠加,完成最简单的总和的实现。
前文中也提到,rece函数的返回结果类型和传入的初始值相同,上个实例中初始值为number类型,同理,初始值也可为object类型。
var
items
=
[10,
120,
1000];
//
our
recer
function
var
recer
=
function
add(sumSoFar,
item)
{
sumSoFar.sum
=
sumSoFar.sum
+
item;
return
sumSoFar;
};
//
do
the
job
var
total
=
items.rece(recer,
{sum:
0});
console.log(total);
//
{sum:1130}
多重叠加
使用rece方法可以完成*度的数据叠加。如上例中的初始值{sum:
0}
,这仅仅是一个维度的操作,如果涉及到了多个属性的叠加,如{sum:
0,totalInEuros:
0,totalInYen:
0}
,则需要相应的逻辑进行处理。
在下面的方法中,采用分而治之的方法,即将rece函数第一个参数callback封装为一个数组,由数组中的每一个函数单独进行叠加并完成rece操作。所有的一切通过一个manager函数来管理流程和传递初始参数。
var
manageRecers
=
function(recers)
{
return
function(state,
item)
{
return
Object.keys(recers).rece(
function(nextState,
key)
{
recers[key](state,
item);
return
state;
},
{}
);
}
};
上面就是manager函数的实现,它需要recers对象作为参数,并返回一个callback类型的函数,作为rece的第一个参数。在该函数内部,则执行*的叠加工作(
Object.keys()
)。
通过这种分治的思想,可以完成目标对象多个属性的同时叠加,完整代码如下:
var
recers
=
{
totalInEuros
:
function(state,
item)
{
return
state.euros
+=
item.price
*
0.897424392;
},
totalInYen
:
function(state,
item)
{
return
state.yens
+=
item.price
*
113.852;
}
};
var
manageRecers
=
function(recers)
{
return
function(state,
item)
{
return
Object.keys(recers).rece(
function(nextState,
key)
{
recers[key](state,
item);
return
state;
},
{}
);
}
};
var
bigTotalPriceRecer
=
manageRecers(recers);
var
initialState
=
{euros:0,
yens:
0};
var
items
=
[{price:
10},
{price:
120},
{price:
1000}];
var
totals
=
items.rece(bigTotalPriceRecer,
initialState);
console.log(totals);
总结
以上就是Javascript中内建函数rece应用的全部内容,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。

Javascript调用函数方法的几种方式介绍_javascript技巧


javascript语法灵活,同一个功能有五六种实现方式并不罕见,然后再加上有些*的原型继承和异步特性,就更让人一头雾水了。我经常搞不清楚call,apply之间的区别,今天就记录一下,以免再忘了。

在javascript中,方法可以通过以下几种方式执行:

1.func(),这是最直接最常见的调用方式,也符合一般人的思维逻辑,但是在某些情况下有一些不足,下面会解释。

2.(function(arg){})(window),匿名方法调用,在构造命名空间时比较有用,后面的括号中的参数与匿名方法中的入参一一对应。

3.func.bind(sth)(),mozilla手册中提到bind是在ECMA-262 5th Edition中新增的一个特性,这里单独列出来作为一种调用方式是因为它弥补了直接调用中不能绑定作用域的缺陷。

4.func.call(),这是第二种调用方式,每个方法的原型中都定义了call方法,用来执行当前方法。

5.func.apply(),call的双胞胎兄弟。

func()

这是最常见的调用方式,在任何语言中随处可见。func(x, y)可以传入不同的参数。在某些语言,例如php,java中,这种调用足以解决一切问题。但是javascript是一门函数式语言,闭包的概念和一个奇怪的关键词this决定了这种调用方式的不足。this应该可以解释为当前代码段的作用域,会随着代码执行到不同的片段而改变,但是某些情况下我们不希望这个this被改变,例如绑定在某些dom上的事件,我们肯定不希望他们被调用的时候this被转移到了window对象上,但有时候确实如此,再比如下面的代码。
代码如下:
var a ={};
var func = function(x) {
console.log(this);
};
a.onclick = function() {
var x = 100;
func(x);
};
a.onclick();


可以把a想象成页面中的一个链接,由于我们只是想将定义好的方法绑定到onclick事件上,而不是立刻调用它,而且这个方法拥有一个参数,所以我们需要用一个匿名方法将他包起来传递给a的onclick事件。这样就有了一个问题,func中的this变成了全局对象window,显然我们并不希望如此。这个时候,使用func()这种直接调用的方式就不行了,于是我们需要将func外的this绑定到func方法上。于是就有了bind,call,apply方法。

bind

bind的目的非常简单,返回一个绑定了this对象的相同方法。上面的代码修改一行就可以实现绑定this在a对象上目的。
代码如下:
var a ={};
var func = function(x) {
console.log(this);
};
a.onclick = function() {
var x = 100;
func.bind(this)(x); // bind here
};
a.onclick();


这样,onclick事件的this就不会像无头苍蝇一样到处乱跑啦。

call & apply

call和apply要放在一起讲,因为他们实在太像了。他们都支持多参数,而且第一个参数都是即将绑定的this对象,第二个参数则是他们的区别所在,call使用独立的参数作为调用方法的入参,apply使用一个数组作为入参。有的时候我们并不是不想改变this对象,而是想人为的将他绑定到别的对象上,这个时候call和apply是很好用的。(并不是说不能用bind,不过貌似bind出现的比较晚,可能浏览器兼容性不好)。举个栗子:
代码如下:
a = {
func: function() {
this.x += 1;
},
x: 0
};
b = {
a: a,
x: 20
};
for(var i = 0; i < 10; i++){
b.a.func();
}
console.log(a.x);
console.log(b.x);


上面的a和b对象中都有x,我们希望func能针对性的修改对应的x,但是直接调用只可能修改func作用域中的x,也就是a.x。修改一下代码,就可以实现修改b.x目的
代码如下:
a = {
func: function() {
this.x += 1;
},
x: 0
};
b = {
a: a,
x: 20
};
for(var i = 0; i < 10; i++){
b.a.func.call(b); // bind this to b
}
console.log(a.x);
console.log(b.x);


这个栗子举得不好,有点牵强附会,而且这是一种很容易让人迷惑的代码风格,有适用的场景,但不是处处都可用。

Javascript调用函数方法的几种方式介绍_javascript技巧


javascript语法灵活,同一个功能有五六种实现方式并不罕见,然后再加上有些*的原型继承和异步特性,就更让人一头雾水了。我经常搞不清楚call,apply之间的区别,今天就记录一下,以免再忘了。

在javascript中,方法可以通过以下几种方式执行:

1.func(),这是最直接最常见的调用方式,也符合一般人的思维逻辑,但是在某些情况下有一些不足,下面会解释。

2.(function(arg){})(window),匿名方法调用,在构造命名空间时比较有用,后面的括号中的参数与匿名方法中的入参一一对应。

3.func.bind(sth)(),mozilla手册中提到bind是在ECMA-262 5th Edition中新增的一个特性,这里单独列出来作为一种调用方式是因为它弥补了直接调用中不能绑定作用域的缺陷。

4.func.call(),这是第二种调用方式,每个方法的原型中都定义了call方法,用来执行当前方法。

5.func.apply(),call的双胞胎兄弟。

func()

这是最常见的调用方式,在任何语言中随处可见。func(x, y)可以传入不同的参数。在某些语言,例如php,java中,这种调用足以解决一切问题。但是javascript是一门函数式语言,闭包的概念和一个奇怪的关键词this决定了这种调用方式的不足。this应该可以解释为当前代码段的作用域,会随着代码执行到不同的片段而改变,但是某些情况下我们不希望这个this被改变,例如绑定在某些dom上的事件,我们肯定不希望他们被调用的时候this被转移到了window对象上,但有时候确实如此,再比如下面的代码。
代码如下:
var a ={};
var func = function(x) {
console.log(this);
};
a.onclick = function() {
var x = 100;
func(x);
};
a.onclick();


可以把a想象成页面中的一个链接,由于我们只是想将定义好的方法绑定到onclick事件上,而不是立刻调用它,而且这个方法拥有一个参数,所以我们需要用一个匿名方法将他包起来传递给a的onclick事件。这样就有了一个问题,func中的this变成了全局对象window,显然我们并不希望如此。这个时候,使用func()这种直接调用的方式就不行了,于是我们需要将func外的this绑定到func方法上。于是就有了bind,call,apply方法。

bind

bind的目的非常简单,返回一个绑定了this对象的相同方法。上面的代码修改一行就可以实现绑定this在a对象上目的。
代码如下:
var a ={};
var func = function(x) {
console.log(this);
};
a.onclick = function() {
var x = 100;
func.bind(this)(x); // bind here
};
a.onclick();


这样,onclick事件的this就不会像无头苍蝇一样到处乱跑啦。

call & apply

call和apply要放在一起讲,因为他们实在太像了。他们都支持多参数,而且第一个参数都是即将绑定的this对象,第二个参数则是他们的区别所在,call使用独立的参数作为调用方法的入参,apply使用一个数组作为入参。有的时候我们并不是不想改变this对象,而是想人为的将他绑定到别的对象上,这个时候call和apply是很好用的。(并不是说不能用bind,不过貌似bind出现的比较晚,可能浏览器兼容性不好)。举个栗子:
代码如下:
a = {
func: function() {
this.x += 1;
},
x: 0
};
b = {
a: a,
x: 20
};
for(var i = 0; i < 10; i++){
b.a.func();
}
console.log(a.x);
console.log(b.x);


上面的a和b对象中都有x,我们希望func能针对性的修改对应的x,但是直接调用只可能修改func作用域中的x,也就是a.x。修改一下代码,就可以实现修改b.x目的
代码如下:
a = {
func: function() {
this.x += 1;
},
x: 0
};
b = {
a: a,
x: 20
};
for(var i = 0; i < 10; i++){
b.a.func.call(b); // bind this to b
}
console.log(a.x);
console.log(b.x);


这个栗子举得不好,有点牵强附会,而且这是一种很容易让人迷惑的代码风格,有适用的场景,但不是处处都可用。

javascript内置函数是什么?

js内置函数是浏览器内核自带的,不用任何函数库引入就可以直接使用的函数。javascript内置函数一共可分为五类:

1、常规函数

2、数组函数

3、日期函数

4、数学函数

5、字符串函数

第一类:常规函数

包括以下9个函数:

(1)alert函数:显示一个警告对话框,包括一个OK按钮。

(2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。

(3)escape函数:将字符转换成Unicode码。

(4)eval函数:计算表达式的结果。

(5)isNaN函数:测试是(true)否(false)不是一个数字。

(6)parseFloat函数:将字符串转换成符点数字形式。

(7)parseInt函数:将符串转换成整数数字形式(可指定几进制)。

(8)prompt函数:显示一个输入对话框,提示等待用户输入。

第二类:数组函数

包括以下4个函数:

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

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

(3)reverse函数:将数组元素顺序颠倒。

(4)sort函数:将数组元素重新排序。

第三类:日期函数

包括以下20个函数:

(1)getDate函数:返回日期的“日”部分,值为1~31

(2)getDay函数:返回星期几,值为0~6,其中0表示星期日,1表示星期一,...,6表示星期六

(3)getHours函数:返回日期的“小时”部分,值为0~23。

(4)getMinutes函数:返回日期的“分钟”部分,值为0~59。见上例。

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

(6)getSeconds函数:返回日期的“秒”部分,值为0~59。见前面的例子。

(7)getTime函数:返回系统时间。

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

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

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

(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格林威治标准时间计算。

第四类:数学函数

函数有以下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函数:返回一个数字的正切值。

第五类:字符串函数

包括以下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有哪些内置变量?

JavaScript中有许多内置变量,以下是一些常用的:

1.arguments:表示传递给函数的参数列表。

2.alert:弹出警告框。

3.document:表示当前文档对象。

4.window:表示当前窗口对象。

5.location:表示当前页面的URL信息。

6.history:表示浏览器历史记录的对象。

7.screen:表示用户屏幕的信息。

8.setTimeout:用于设置一个定时器,在指定的时间后执行一次函数。

9.clearTimeout:用于清除之前设置的定时器。

10.setInterval:用于设置一个间隔定时器,每隔指定的时间执行一次函数。

11.clearInterval:用于清除之前设置的间隔定时器。

12.Math:提供了一组数学函数和常量。

13.Number:表示数字类型的数据。

14.String:表示字符串类型的数据。

15.Boolean:表示布尔类型的数据。

16.undefined:表示未定义的值。

17.null:表示空值或无效值。

18.Infinity:表示正无穷大。

19.-Infinity:表示负无穷大。

20.NaN:表示非数字值。

这些内置变量可以在JavaScript代码中使用,无需额外声明即可直接使用。

站点网还为您提供以下相关内容希望对您有帮助:

console. log()的作用是什么啊?

console.log()是JavaScript中的一个内置函数,主要用于在控制台中打印输出信息。它是一种非常有用的调试工具,可以帮助开发者检查和理解代码的运行情况。最基本的使用方式就是输出一些文本信息。例如,你可以用console.log(“He...

javascript获取当前日期

可以获取当前日期。Date.now()是javascript中的内置函数,它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。因为now()是Date对象的静态方法,所以它将始终用作date.now()。Date 对象的静态方法:Date.now()、 Date....

JS里内置函数和自定义函数怎么使用

向上查询不会执行向下查找现在的a是一个全局变量一、javascript内置函数escape函数:把传入字符串进行url编码。unescape函数:把传入的url编码转为原始字符串。需要注意的是,url编码规则:(1)英文字母数字:不进行编码。(2)...

内置函数的JavaScript的内置函数

sup 方法 将 HTML 的 &lt;SUP&gt; 标识放置到 String 对象中的文本两端。unescape 方法 对用escape 方法编码的 String 对象进行解码。UTC 方法 返回 1970年1月1日零点的全球标准时间 (UTC)(或 GMT)与指定日期之间的毫秒数.valueOf 方法 ...

js生成随机数之random函数随机示例

JavaScript Math.random()内置函数 random函数返回值 返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1)random函数示例 //返回随机数 document.write(Math.random());//返回10-20的随机数 document.write(Math....

Javascript中内建函数reduce的应用详解

reduce方法最常见的场景就是叠加。var items = [10,120,1000];// our reducer function var reducer = function add(sumSoFar,item){ return sumSoFar + item;};// do the job var total = items.reduce(reducer,0...

require的三种用法

例如,假设有一个模块名为module1。3、require作为模块的导出语句:在JavaScript中,每个模块都可以导出变量、函数、类等,以便其他模块使用。为了导出模块中的变量、函数等,需要使用module.exports语句。例如,假设有一个模块名...

js中alert是什么作用?

alert是javascript中的一个内置函数,用于显示带有一条指定消息和一个确认按钮的警告框语法alert文本,警告框经常用于确保用户可以得到某些信息,当警告框出现后,用户需要点击确定按钮才能继续进行操作。

HTML function函数怎么定义和调用

HTML function函数怎么定义和调用实例:&lt;!DOCTYPE html&gt; function myFunction(){ alert("Hello World!");} Try it

JS 如何调用函数内部的函数(可以这样的理解:通过一个函数可以调用另一个...

var obj = function() { this.a = function(arg){alert(arg);} this.b = function(arg){alert(arg+1);} } var fn = new obj;fn.a('TEST');

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

精彩推荐

更多阅读

Top