函数基础-1

函数的概念、定义、调用、参数、返回值

函数概念

一段代码的封装，具有某个功能。

可以封装一段特定功能代码，然后通过函数名调用，实现对该端代码重复使用

函数的作用

实现对代码的复用 对分散代码整合封装 重复使用

函数创建

方式1：（推荐）
function 自定义函数名() {
	具体的功能代码
}
注意：
1、函数是功能  所以函数名使用动词
2、函数不能自己执行，需要通过函数名调用实现对代码的执行
3、调用方法   函数名();
方式2：
var fn = function() {
    
}
fn();复制代码

函数封装

封装之前：
var sum = 0;
for ( var i = 0; i <=100; i++) {
    sum = sum +i;
}
console.log(sum);
封装之后：
function getSum () {
	// 函数体（封装好的一堆代码）
    var sum = 0;
    for ( var i = 0; i <=100; i++) {
        sum = sum +i;
    }
    console.log(sum);
}
// 函数封装好了，不调用，不执行
//调用
getSum();复制代码

练习：

// 求任意一个数的平方
var n1 = 3;
var sum = n1 * n1;
document.write(re + '<br />');

function getre () {
    var n = 9;
    var sum = n * n;
    document.write(sum);
}
getre();
复制代码

函数的参数

形参

在函数创建时，在小括号汇总定义的变量（不用使用var声明）
语法：
形参：占位符，本省没有真实数据
function 函数名(形参1，形参2, 形参3, ....) {
    功能代码；
}复制代码

实参

实参，在函数调用时，在小括号中所传递的实际的数据。

语法:
实参：真实数据
函数名(实参1，实参2，实参3，.......);
提示：
	函数也可以作为实际参数传递给形参复制代码

function getArea(r) {
	var sum = 3.14 * r * r;
	console.log(sum);
}

getArea(4);复制代码

函数返回值

return的作用：在函数执行完以后，将内部的数据，传递给调用者；

function add(num1, num2) {
    return num1 + num2;
}
var reNum = add(21, 4);
alert(reNum);
注意事项如下：
1、如果函数没有显示的使用return语句，name函数有默认的返回值 undefined
2、如果函数中写了return语句，后面没有写任何其他的内容，name函数的返回值依然是undefined
3、一个函数只能有一个返回值
4、一个函数可以有多个return语句
5、return代码执行弯沉狗，后面的代码不再执行
6、函数也可以作为返回值复制代码

最近在整理基础知识，需要小伙伴可以关注，有建议请留留言，转发请注明出处

转载于:https://juejin.im/post/5d073c1a6fb9a07efc4988b7