JavaScript函数及全局函数
函数的概念,声明及调用
一.函数的概念
在JavaScript中,我们将一段需要重复使用的代码,使用function语法包含起来,方便我们的反复调用,分块和简化代码.复杂一点的也会引入封装,抽象,分类等思想
二.函数的声明方式
声明函数
function 函数名(参数列表){
[return]
}
-
在这里我们只介绍了最基本的函数声明方式,在ES6中还有使用箭头函数的方式,以及使用匿名函数声明.下面是声明函数的实例.
function test(){
alert(111);
}
function test1(){
alert(222);
}
function test2(a,b){
alert(a+":"+b);
}
-
在上述函数声明实例中我们可以看到,我们在进行函数声明时也可以进行传参.就比如上面的text2()方法. 那么什么时候用到传参? 当有两段代码本身的功能及其相似,只有个别地方不相同时,我们就可以将两段代码合并成为一个代码,然后把两段代码中不一致的地方通过传参穿进去.这样就提高了代码的使用效率.
三.函数的调用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/*
声明函数
function 函数名(参数列表){
[return]
}
*/
function test(){
alert(111);
}
function test1(){
alert(222);
}
function test2(a,b){
alert(a+":"+b);
}
</script>
</head>
<body>
<input type="button" value="按钮1" onclick="test()"/>
<input type="button" value="按钮2" onclick="test2(10,123)"/>
</body>
</html>
-
在上述实例中,我们在body中对两个按钮分别调用了两个函数,实现了点击按钮调用相应函数的功能.
全局函数
什么是全局函数?
在JavaScript中,全局函数和Windows对象的函数不一样,全局函数不属于任何一个内置对象.接下来我们介绍一些常用的内置全局函数.
-
parseInt(); 类型转换,将目标类型转换为int型 接收任何合法的js值,但只有是number类型,或者内容本身是数字的字符串时返回整数部分.其余非数字的返回NaN. parseInt()直接去整数部分,没有进行四舍五入的计算. typeof(); 获取数值类型 eval(); 可运算某个字符串,并将字符串内容作为脚本运行
下面是代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/*
全局函数
parseInt(); 类型转换
parseFloat();
typeof(); 获取数值类型
eval(); 可运算某个字符串
*/
var a = 10;
var b = "5";
var c = "a";
var d = 12.7;
console.log(a+parseInt(b));
console.log(a+parseFloat(d));
console.log(typeof(d));
var s = "3+2+c";
console.log(s);
console.log(eval(s));
</script>
</head>
<body>
</body>
</html>
