函数
函数是定义一次但却可以调用或执行任意多次的一段JS代码。函数有时会有参数,即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值,这个值也成为函数调用表达式的值
一.函数声明
函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。ECMAScript中的函数使用function关键字来声明,后跟一组参数以及函数体。
function box() { //没有参数的函数
alert('只有函数被调用,我才会被之执行');
}
box(); //直接调用函数
function box(name, age) { //带参数的函数
alert('你的姓名:'+name+',年龄:'+age);
}
box('hcd',24); //调用函数,并传参
二.return返回值
带参和不带参的函数,都没有定义返回值,而是调用后直接执行的。实际上,任何函数都可以通过return语句跟后面的要返回的值来实现返回值。
1.
function box() { //没有参数的函数
return '我被返回了!'; //通过return把函数的最终值返回
}
alert(box()); //调用函数会得到返回值,然后外面输出
2.
function box(name, age) { //有参数的函数
return '你的姓名:'+name+',年龄:'+age;//通过return 把函数的最终值返回
}
alert(box('hcd', 24)); //调用函数得到返回值,然后外面输出
3.我们还可以把函数的返回值赋给一个变量,然后通过变量进行操作。
function box(num1, num2) {
return num1 * num2;
}
var num = box(10, 5); //函数得到的返回值赋给变量
alert(num);
4.return语句还有一个功能就是退出当前函数,注意和break的区别。
function box(num) {
if (num < 5){ //满足条件,就返回num
return num;
}
return 100; //返回之后,就不执行下面的语句了
}
alert(box(10));
PS:break用在循环和switch分支语句里。
三. 参数
函数的参数和数组是类似的,有一个放置所有参数的类数组arguments
function add(a){
console.log(arguments[0])
}
add(123)//123,arguments[0]对应传入的第一个参数
function add(a,b){
console.log(arguments[1])
}
add(123)//undefined,并没有传入,arguments[1]也就没有了,对于没有传入的参数为undefined
function add(a,b){
arguments[0] = 10;
console.log(a);
}
add(1);//10,arguments[0]也就是被传入的第一个参数,被赋值为10,a也就被赋值为10了
function add(a,b){
arguments[0] = 10;
console.log(a);
}
add();//undefined
arguments[0]对应传入的第一个参数,而没有传入参数arguments[0]根本就是不存在的,赋值也是没有的
四. 没有重载
如果两个函数的名字一样,那么改名字只属于后定义的函数
function add(){
console.log(arguments[0])
}
function add(){
console.log("pppppppppppp")
}
add(123) //"ppppppppp"