JavaScript基础系列--函数

最新推荐文章于 2023-05-16 22:40:39 发布

fg32f

最新推荐文章于 2023-05-16 22:40:39 发布

阅读量280

点赞数

函数
创建函数的语法
function functionName([arg]){
js.
[return]
}

函数的定义位置没有任何限制，可以在代码中的任意一个位置，可以定义在调用这个函数的地方的后面。

另外函数中可以嵌套函数。

<script type="text/javascript">
function getNumbers(arr){
for(var i = 0;i<arr.length;i++){
if(isNumber(arr[i]){
alert(arr[i);
}
}
function isNumber(s){
return "number"==typeof(s);
}
}
</script>

另外，函数名也是一个特殊的变量，存储的是函数类型的数据，只是他不属于javascript的基本数据类型，也不可以和其他数据类型转换。
例如：
<script type="text/javascript">
function max(a,b){
if(a>b){
return a;
}else{
return b;
}
}

var max2 = max;
alert(max2(10,9));
</script>

另外 function的名字也可以省略，则是匿名函数。
<script type="text/javascript">
var max = function(a, b) {
if (a > b) {
return a;
} else {
return b;
}
}

alert(max(10,9));
</script>

传递参数
带有形式参数的函数不需要加var ，加上就报错
function a(a,b){}

返回值
使用return返回

案例：改变背景颜色
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>改变网页背景色</title>
</head>

<body>
<input id="btn" type="button" value="改变网页背景色"/>
</body>
</html>
<script language="JavaScript" type="text/javascript">

</script>
内部函数
使用eval执行javascript代码
<script type="text/javascript">
var a = 1;
alert("a");
alert(eval("a"));
eval("alert(a)");
</script>

parseInt和parseFloat将字符串转为数字
parseInt(String [,radix]);
radix 是可选的，表示进制。默认是10进制

<script type="text/javascript">
alert(parseInt("5"));
alert(parseInt("1.13"));
alert(parseInt("0x10"));
alert(parseInt("100",8));
alert(parseInt("32 and 19"));
alert(parseInt("hello 1"));
alert(parseInt("two"));
</script>

escape和unescape进行URL编码解码
<script type="text/javascript">
document.write(unescape("%u6D6A%u6DD8%u6C99 "));
document.write(escape("浪淘沙"))
</script>
isNaN和isFinite判断数字的类型判断是否是数字和是否是无穷大或无穷小
<script type="text/javascript">
var a="123bb";
var b= 23.3;
isNaN(a);
isNaN(b);
isFinite(b);
isFinite(b/0);
</script>
函数
创建函数的语法
function functionName([arg]){
js.
[return]
}

函数的定义位置没有任何限制，可以在代码中的任意一个位置，可以定义在调用这个函数的地方的后面。

另外函数中可以嵌套函数。

<script type="text/javascript">
function getNumbers(arr){
for(var i = 0;i<arr.length;i++){
if(isNumber(arr[i]){
alert(arr[i);
}
}
function isNumber(s){
return "number"==typeof(s);
}
}
</script>

另外，函数名也是一个特殊的变量，存储的是函数类型的数据，只是他不属于javascript的基本数据类型，也不可以和其他数据类型转换。
例如：
<script type="text/javascript">
function max(a,b){
if(a>b){
return a;
}else{
return b;
}
}

var max2 = max;
alert(max2(10,9));
</script>

另外 function的名字也可以省略，则是匿名函数。
<script type="text/javascript">
var max = function(a, b) {
if (a > b) {
return a;
} else {
return b;
}
}

alert(max(10,9));
</script>

传递参数
带有形式参数的函数不需要加var ，加上就报错
function a(a,b){}

返回值
使用return返回

案例：改变背景颜色
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>改变网页背景色</title>
</head>

<body>
<input id="btn" type="button" value="改变网页背景色"/>
</body>
</html>
<script language="JavaScript" type="text/javascript">

</script>
内部函数
使用eval执行javascript代码
<script type="text/javascript">
var a = 1;
alert("a");
alert(eval("a"));
eval("alert(a)");
</script>

parseInt和parseFloat将字符串转为数字
parseInt(String [,radix]);
radix 是可选的，表示进制。默认是10进制

<script type="text/javascript">
alert(parseInt("5"));
alert(parseInt("1.13"));
alert(parseInt("0x10"));
alert(parseInt("100",8));
alert(parseInt("32 and 19"));
alert(parseInt("hello 1"));
alert(parseInt("two"));
</script>

escape和unescape进行URL编码解码
<script type="text/javascript">
document.write(unescape("%u6D6A%u6DD8%u6C99 "));
document.write(escape("浪淘沙"))
</script>
isNaN和isFinite判断数字的类型判断是否是数字和是否是无穷大或无穷小
<script type="text/javascript">
var a="123bb";
var b= 23.3;
isNaN(a);
isNaN(b);
isFinite(b);
isFinite(b/0);
</script>

fg32f

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础系列--函数

函数创建函数的语法function functionName([arg]){js.[return]}函数的定义位置没有任何限制，可以在代码中的任意一个位置，可以定义在调用这个函数的地方的后面。另外函数中可以嵌套函数。 function getNumbers(arr){ for(var i = 0;i if(is
复制链接

扫一扫