JavaScript基础——函数
函数
为什么要有函数
- JavaScript 函数是被设计为执行特定任务的代码块。
- JavaScript 函数会在某代码调用它时被执行。
- 方便多个地方调用相同代码
什么是函数
把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用
函数的作用就是封装一段代码，将来可以重复使用。
函数的定义
- 函数声明
function 函数名(){
// 函数体
}
- 函数表达式
var fn = function () {
// 函数体
}
- 特点
- 函数声明的时候，函数体并不执行，只有当函数被调用的时候才会执行。
- 函数一般都用来干一件事情，函数名称一般使用动词
函数的调用
- 调用函数的方法
函数名();
- 特点
- 函数体只有在调用的时候才会执行，调用需要()进行调用。
- 可以调用多次（重复使用）
- 案例
// 声明函数
function eat() {
console.log('吃了没？')
}
// 调用函数
eat(); // 吃了没
// 声明函数
function getSum() {
var sum = 0;
for (var i = 1; i <= 100; i++) {
sum += i;
}
console.log(sum);
}
// 调用函数
getSum();
函数的参数
函数内部是一个封闭的环境，可以通过参数的方式，把外部的值传递给函数内部
语法结构
// 带参数的声明函数
function 函数名(形参1, 形参2, 形参3...) {
// 函数体
}
// 带参数的调用函数
函数名(实参1, 实参2, 实参3...);
形参1 = 实参1
形参2 = 实参2
.
.
.
- 形式参数：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值，我们可以给函数设置参数，这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。
- 实际参数：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。
案例
function fn(a, b){
console.log(a + b);
}
var x = 6;
var y = 50;
fn(x, y)
// x,y实参，有具体的值。
// 函数执行的时候会把x,y复制一份给函数内部的a和b，函数内部的值是复制的新值，无法修改外部的x，y
案例
- 求1-n之间所有数的和
- 求n-m之间所有数的和
- 圆的面积
- 求2个数中的最大值
- 求3个数中的最大值
- 判断一个数是否是素数(又叫质数，只能被1和自身整数的数)
// 案例1 求1-n之间所有数的和
function getSum(n) {
var sum = 0;
for (var i = 1; i <= n; i++) {
sum += i
}
console.log(sum);
}
var n = 100;
getSum(n);
// 案例2 求n-m之间所有数的和
function getSum(n,m) {
var sum = 0;
for (var i = n; i <= m; i++) {
sum += i;
}
console.log(sum);
}
getSum(50,100);
// 案例3 圆的面积
function getCircleArea(r) {
var pi = 3.1415926;
var circleArea = pi * r * r;
console.log(circleArea);
}
getCircleArea(5);
// 案例4 求2个数中的最大值
function getMax(num1, num2) {
if (num1 > num2) {
console.log(num1);
} else {
console.log(num2);
}
}
getMax(4,6);
// 案例5 求3个数中的最大值
function getMax(a, b, c) {
if (a > b && a > c) {
console.log(a);
} else if (b > a && b > c) {
console.log(b);
} else if (c > a && c > b) {
console.log(c);
}
}
var num1 = 54, num2 = 526, num3 = 2;
getMax(num1, num2, num3);
// 案例6 判断一个数是否是素数(又叫质数，只能被1和自身整数的数)
function isPrimeNumber(number) {
var isOK = true;
for (i = 2; i < number; i++){
if (number % i === 0) {
isOK = false;
}
}
console.log(isOK);
}
isPrimeNumber(13);
函数返回值
当函数执行完后，并不是所有时候都要把结果打印。我们期望函数给我们一些反馈（比如计算的结果返回进行后续的运算），这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值
语法结构
// 声明一个带返回值的函数
function 函数名(形参1, 形参2, 形参3...) {
// 函数体
return 返回值;
}
// 可以通过变量来接收这个返回值
var 变量 = 函数名(形参1, 形参2, 形参3...);
函数的调用结果就是返回值，因此我们可以直接对函数调用结果进行操作。
返回值详解
- 如果函数没有使用return语句，那么函数有默认的返回值：
undefined
function fun(a, b) {
var sum = 0;
sum = a + b;
}
var num = fun(5, 6);
console.log(num); // undefined
- 如果函数使用retrun语句，那么跟在return后面的值，就成了函数的返回值
function fun(a, b) {
var sum = 0;
sum = a + b;
return sum;
}
var num = fun(5, 6);
console.log(num); // 11
- 如果函数使用return语句，但是后面没有任何值，那么函数的返回值也是
undefined
function fun(a, b) {
var sum = 0;
sum = a + b;
return;
}
var num = fun(5, 6);
console.log(num); // undefined
- 函数使用return语句后，这个函数会在执行完return语句之后停止并立即退出，就是说return后面的所有其他代码不会在执行。
function fun(a, b) {
var sum = 0;
sum = a + b;
return sum;
var c = 50; //不执行
sum += c; // 不执行
}
var num = fun(5, 6);
console.log(num); // 11
- 推荐做法：要么让函数始终都返回一个值，要么永远都不要返回值；
案例
- 求阶乘
- 求1!+2!+3!+....+n!
- 求一组数中的最大值
- 求一组数中的最小值
// 案例1 求阶乘
function getFactorial(n) {
var fac = 1;
for (var i = 1; i <= n; i++) {
fac *= i;
}
return fac;
}
console.log(getFactorial(3)) // 6
// 案例2 求1!+2!+3!+....+n!
function getFactorial(n) {
var sum = 0;
var fac = 1;
for (var i = 1; i <= n; i++) {
fac *= i;
sum += fac;
}
return sum;
}
console.log(getFactorial(3)); // 9
// 案例3 求一组数中的最大值
function getMax(num) {
var max = num[0];
for (var i = 1; i < num.length; i++) {
if (max < num[i]) {
max = num[i];
}
}
return max;
}
console.log(getMax([5, 5, 6, 8, 25, 2, 54, 842, 21]))
// 案例4 求一组数中的最小值
function getMin(num) {
var min = num[0];
for (var i = 1; i < num.length; i++) {
if (min > num[i]) {
min = num[i];
}
}
console.log(coun);
return min;
}
console.log(getMin([20, 5, 6, 8, 25, 2, 54, 842, 21]))
arguments的使用
JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有的实参。arguments是一个伪数组，因此也可以进行遍历。
案例
- 求任意个数的最大值
- 求任意个数的和
// 案例1 求任意个数的最大值
function getMax() {
var max = arguments[0];
for (var i = 1; i < arguments.length; i++) {
if (max < arguments[i]) {
max = arguments[i];
}
}
return max;
}
console.log(getMax(5, 5, 9, 10, 50, 2, 1, 578, 624))
// 案例2 求任意个数的和
function getSum() {
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum;
}
console.log(getMax(5, 5, 9, 10, 50, 2, 1, 578, 624))
案例
- 求斐波那契数列Fibonacci中的第n个数是多少？ 1 1 2 3 5 8 13 21...
- 翻转数组，返回一个新数组
- 对数组排序，从小到大
- 输入一个年份，判断是否是闰年[闰年：能被4整数并且不能被100整数，或者能被400整数]
- 输入某年某月某日，判断这一天是这一年的第几天？
//案例1. 求斐波那契数列Fibonacci中的第n个数是多少？ 1 1 2 3 5 8 13 21...+
function fib(n) {
var n1 = 1;
var n2 = 1;
var n3 = 1;
for (var i = 3; i <= n; i++){
n3 = n2 + n1;
n1 = n2;
n2 = n3;
}
return n3;
}
console.log(fib(7)); // 13
//案例2. 翻转数组，返回一个新数组
function flipArray(array) {
var newArray = [];
for (var i = array.length - 1; i >= 0; i--) {
newArray[newArray.length] = array[i];
}
return newArray;
}
console.log(flipArray([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]))
//案例3. 对数组排序，从小到大
function sortArray(array) {
for (i = 0; i < array.length - 1; i++) {
var isOK = true;
for (var j = 0; j <= array.length - 1 - i; j++) {
if (array[j] > array[j + 1]) {
isOK = false;
var tmp = array[j];
array[j] = array[j + 1];
array[j + 1] = tmp;
}
}
if (isOK) {
break;
}
}
return array;
}
console.log(sortArray([2, 5, 2, 5, 58, 584, 25, 64, 81, 34, 84, 39, 47, 36, 354, 58]))
//案例4. 输入一个年份，判断是否是闰年[闰年：能被4整数并且不能被100整数，或者能被400整数]
function isLeapYear(year) {
if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
isLeapYear = true;
} else {
isLeapYear = false;
}
return isLeapYear;
}
console.log(isLeapYear(2000));
//案例5. 输入某年某月某日，判断这一天是这一年的第几天？
function getDays(year, month, day) {
var days = day;
for (var i = 1; i <= month - 1; i++) {
switch (i) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
days += 31;
break;
case 4:
case 6:
case 9:
case 11:
days += 30;
break;
case 2:
if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
days += 29;
} else {
days += 28;
}
break;
}
}
return days;
}
console.log(getDays(2021, 2, 18))
函数其他
匿名函数
- 匿名函数：没有名字的函数
- 匿名函数如何使用：将匿名函数赋值给一个变量，这样就可以通过变量进行调用；
- 匿名函数不能单独存在；
var fn = function () {
console.log("我是匿名函数，赋给了变量fn")
}
自调用函数
匿名函数不能通过直接调用来执行，因此可以通过匿名函数的自调用方式来执行
(function () {
console.log("我是自调用函数")
})();
函数是一种数据类型
function fn() {
console.log('我是一个函数')
}
console.log(typeof fn) // function
- 函数作为参数
因为函数是一种类型，所以可以把函数作为一个函数的参数，在另一个函数中调用。
var fn = function () {
console.log('我是一个函数')
}
function test(fun) {
fun();
}
test(fn); // 我是一个函数
- 函数作为返回值
因为函数是一种类型，所以可以把函数作为返回值从函数内部返回。
function test(a) {
var b = 10;
return function () {
console.log(a + b)
}
}
var fn = test(10); // 返回的是一个函数，用变量fn接受返回的函数
fn(); // 20
代码规范
-
命名规范
- 变量、函数的命名必须要有意义
- 变量的名称一般用名词
- 函数的名词一般用动词
-
变量规范
- 操作符的前后要有空格
var name = '李四'; var a = 5 + 6; -
注释规范
// 这里是注释 -
空格规范
if (true) { } for (var i = 0; i <= 100; i++) { } -
换行规范
var arr = [1, 2, 3, 4, 5]; if (a > b) { } for (var i = 1; i <= 10; i++) { } function fn() { }
本文来自博客园，作者：车泽泽，转载请注明原文链接：https://www.cnblogs.com/chezeze/p/14973490.html
浙公网安备 33010602011771号