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——函数的主要内容,如果未能解决你的问题,请参考以下文章

js 函数改写 改成带参数的函数

js中的函数

js参数是一个函数怎么做?

如何在js函数中调用另外一个函数

js函数

(js)使用new对函数进行构造调用