JS——函数
Posted ★【金字塔】☆
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS——函数相关的知识，希望对你有一定的参考价值。
一、函数的种类
1.无参函数
function showName() {
alert("我是无参函数");
}
2.有参函数 在函数中的参数为“形式参数”
形式参数：定义函数时指定的参数，具体数据是由实际参数决定
实际参数：调用函数的时候指定的参数，实参的值会影响形式参数*/
function showName(name) {
alert(name);
}
二、函数的调用方式
1.直接调用
function showName(name) {
alert(name);
}
showName();
2：函数调用一般和元素的事件一起使用，调用格式（和元素事件绑定）
事件名=“函数名（）”
onclick="showName(‘A‘)"
三、匿名函数
匿名函数用变量接收。变量名称+（）可以让函数执行
var show = function () {
alert("1111");
};
show();
匿名函数的自调用
方法一
(function () {
alert("我是匿名函数！")
})();
方法二
(function () {
alert("我是匿名函数！")
}());
方法三
!function () {
alert("我是匿名函数！")
}();
四、return关键字
给主调函数返回一个被调函数的计算结果。
function calc(num1,c,num2) {
switch (c){
case ‘+‘ :
var result = num1 + num2 ;
break;
case ‘-‘ :
var result = num1 - num2 ;
break;
case ‘*‘ :
var result = num1 * num2 ;
break;
case ‘/‘ :
var result = num1 / num2 ;
break;
}
return result;
/*alert(result);*/
}
var r = calc(parseInt(prompt("请输入第一个数：")),prompt("请输入四则运算符："), parseInt(prompt("请输入第二个数：")));
alert(r);
五、实参不确定的情况
1、在实参个数不确定的情况下，可以省略形参，在函数体内部使用arguments
argument是一个数组，里面包含了函数调用的所有实参！
function show() {
alert(arguments[0]);
}
show("aaa");
2、arguments.callee属性
arguments.callee属性指向函数本身，可以用于递归
function show() {
console.log(arguments.callee);
}
show("aab");
3.arguments的this属性
var zhangsan ={
name: "zhangsan",
age: "28",
height: "189",
say:function () {
alert(zhangsan.name);
/*按f12看console属性*/
console.log(this);
},
eat:function () {
alert("汉堡包！");
},
}
zhangsan.say();
六、变量作用域
全局变量
1.写在函数前面的变量
2.没用var修饰的变量
没用var修饰的变量，会一层一层的往上找，如果找到同名变量，就进行赋值，或覆盖原有值
如果到最后都没有找到同名变量，就声明一个同名全局变量。
局部变量
定义在函数内部的变量。
代码举例：
var num = 10;
function calc1() {
num = 5;
alert(num + 15);
}
function calc2() {
alert(num + 20);
}
calc1();
calc2();
以上是关于JS——函数的主要内容，如果未能解决你的问题，请参考以下文章