Products
GG网络技术分享 2025-03-18 16:13 2
函数的概念: 定义一次函数，可以在其他地方任意执行多次该函数
函数的作用·：实现代码的重用，提高代码使用效率
以功能模块的方式将代码分离成模块化编程
函数的使用：函数的声明：
function 函数名（参数1，参数2，........）{
函数体 -- -- 要执行的JS代码块
}
函数名：参考变量的命名，一般是动名词
参数;可选的，可以是任意多个，每个参数用逗号隔开；
函数的执行：默认的情况下，函数的代码不会主动运行的，需要手动调用：
函数名（参数1，参数2.。。）；
调用函数时，写的函数是一个值；
使用函数，求一个圆的面积：
function getC(r){
var c=2 *r*Math.PI;
}
getC(r);
参数的理解：
形参：是指在定义函数的时候实用大函数，目的是用在接受调用该函数时传来的数据；
function 函数名（形参）{}
可以理解形参为函数中的变量。
实参：
函数名（实参）；
相当于给形参赋值；
形参与我们的实参一一对应；
如果实参的数量比形参数量少，则对应地形参值为undefined
如果实参的数量比形参数量稍多，则对应的形参值不会输出；，不影响结果；
返回值函数：
概念：调用该函数是为了得到某一个结果，并将他赋值给一个变量
说明
函数使用 return 关键字；
return后面跟上需要的东西；
return的之后的代码不再执行，
匿名函数：没有名字的函数
1、函数的分类：
1.1 是否有参数
>> 有参函数
function 函数名(形参) {}
>> 无参函数
function 函数名() {}
1.2 返回值函数
>> 概念：调用该函数是为了得到某一个计算结果，并可以将该结果赋值给一个变量。
>> 说明
函数使用 return 关键字；
return 后面跟上需要返回的结果（可以包含常量、变量、公式、另一个函数调用）
return 得之后的代码不再执行，即函数执行到return这一行代码后，结束；
如果函数没有设置 return，也是有默认返回值：undefined
1.3 根据函数是否有名字
>> 具名函数：即有名字的函数
function 函数名() {}
>> 匿名函数：没有名字的函数
2、调用函数的方式：
>> 直接调用：函数名()
>> 对象的方法： 对象名.方法名()
>> 可以在函数内部调用其他函数；
>> 也可以在函数内部调用自己--递归函数
*/
// 案例：要求计算任意三个数的平均值
// 关于函数的概念：实现一个功能。
// 一个函数应该只实现一个功能，可以实现最大程度的复用
// 实现求和，并将和作为一个值返回回来
function getSum(a,b,c) {
var sum = a + b + c;
return sum; // 将 sum 作为一个值返回
}
// 实现求平均值
function getAvg(a, b, c) {
// 第一步：getAvg 需要3个参数 a b c
// 第二步：将 getAvg 两个参数传递给 getSum
var avg = getSum(a,b,c) / 3;
return avg;
}
var a = getAvg(1,2,3);
console.log(a);
var b = getAvg(5,4,3);
console.log(b);
// 如果要计算圆周长与圆面积
function getC(r) {
// console.log(2 * r * Math.PI);
return 2 * r * Math.PI;
}
function getS(r) {
return r * r * Math.PI;
}
alert(getC(2));
document.write(getC(4));
console.log(getC(10));
// 函数声明
function foo() {
}
// 匿名函数
// 注意：bar 是 变量
// 该方式称为函数表达式
var bar = function () {
console.log('我是匿名函数');
}
// 调用匿名函数
bar();
var person = {
name: 'jack',
run: function() {
console.log(person.name + '跑得快');
}
}person.run();
js代码实现正方形的面积计算的方法是什么？可以使用一个Math.pow()函数。
先来看实现效果：
实例代码：
<!DOCTYPE html><html lang=\"en\">
<head>
<meta charset=\"UTF-8\">
<title>Document</title>
</head>
<body>
<form method=\"get\" action=\"\">
<h3>计算正方形的面积</h3>
正方形的边长：<input type=\"text\" id=\"radius\"><br>
正方形的面积：<input type=\"text\" readonly=\"readonly\" id=\"area\"><br>
<input type=\"button\" value=\"计算\" onclick=\"show()\" />
<input type=\"reset\" value=\"重置\" />
</form>
</body>
<script type=\"text/javascript\">
function area(radius){
var radius=document.getElementById(\"radius\").value;//获取正方形的边长
var area=Math.pow(radius,2);//计算正方形的面积
return area;
}
function show(){
//输出正方形的面积
document.getElementById(\"area\").value=area(radius);
}
</script>
</html>
以上就是js代码实现正方形的面积计算的方法的详细内容。
Demand feedback
