目标
- 函数及其应用
函数
为什么要有函数
如果要在多个地方求1-100之间所有数的和,应该怎么做?
什么是函数
把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用
函数的作用就是封装一段代码,将来可以重复使用
函数的定义
-
函数声明
function 函数名(){ // 函数体 }
-
特点
- 函数声明的时候,函数体并不会执行,只有当函数被调用的时候才会执行。
- 函数一般都用来干一件事情,需用使用动词+名词,表示做一件事情
tellStory
sayHello
等
函数的调用
-
调用函数的语法
函数名();
-
特点
- 函数只有在调用的时候才会执行,调用需要()进行调用。
- 函数可以调用多次(重复使用)
// 声明函数
function sayHi() {
console.log("吃了没?");
}
// 调用函数
sayHi();
// 求1-100之间所有数的和
function getSum() {
var sum = 0;
for (var i = 0; i < 100; i++) {
sum += i;
}
console.log(sum);
}
// 调用
getSum();
函数的参数
-
为什么要有参数
function getSum() { var sum = 0; for (var i = 1; i <= 100; i++) { sum += i; } console.log(); } // 虽然上面代码可以重复调用,但是只能计算1-100之间的值 // 如果想要计算n-m之间所有数的和,应该怎么办呢?
-
语法
// 函数内部是一个封闭的环境,可以通过参数的方式,把外部的值传递给函数内部 // 带参数的函数声明 function 函数名(形参1, 形参2, 形参...){ // 函数体 } // 带参数的函数调用 函数名(实参1, 实参2, 实参3);
-
形参和实参
- 形式参数:
在声明一个函数的时候,为了函数的功能更加灵活,有些值是固定不了的,对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值,仅仅起到一个占位置的作用,我们通常称之为形式参数,也叫形参。
2. 实际参数:
如果函数在声明时,设置了形参,那么在函数调用的时候就需要传入对应的参数,我们把传入的参数叫做实际参数,也叫实参。
var x = 5, y = 6;
fn(x,y);
function fn(a, b) {
console.log(a + b);
}
//x,y实参,有具体的值。
//函数执行的时候会把x,y复制一份给函数内部的a和b,
//函数内部的值是复制的新值,无法修改外部的x,y
- 求1-n之间所有数的和
function getSum(n) {
var sum = 0;
for (var i=1; i<=n; i++){
sum +=i;
}
console.log(sum);
}
getSum(100)//调用函数,传入实参
- 求n-m之间所有数额和
function getSumNM(n,m) {
if(n>m){
alert('n的取值必须小于或等于m');
return;
}
var sum = 0;
for (var i=n; i<=m; i++){
sum +=i;
}
console.log(sum);
}
getSum(0,100)//调用函数,传入实参
- 圆的面积
function getArea(r) {
var pi = 3.1415926;
var area = pi * r * r;
console.log(area);
}
getArea(4)//调用函数,传入实参
- 求2个数中的最大值
function getMax(x, y){
console.log(x > y ? x : y);
}
getMax(3,1);
- 求3个数中的最大值,最小值
function getMax(x,y,z){
console.log( x > y ? ( x > z ? x : z ) : ( y > z ? y : z ))
}
getMax(2,5,1);
function getMin(x,y,z){
console.log( x < y ? ( x < z ? x : z ) : ( y < z ? y : z ))
}
getMin(2,5,1);
- 判断一个数是否是素数
//素数也叫质数,一个数只能被1和它本身整除
function judgePrime(number) {
//只要1---number之间找到一个能整除,就证明它不是素数
for(var i = 2; i < number ; i++){
var isPrime = true;
if(number % i === 0) {
isPrime = false;
}
console.log(isPrime?'素数':'不是素数');
}
}
函数的返回值
当函数执行完的时候,并不是所有时候都要把结果打印。我们期望函数给我一些反馈(比如计算的结果返回进行后续的运算),这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值
每个函数都有返回值,如果没有写返回值,默认返回undefined
//声明一个带返回值的函数
function 函数名(形参1, 形参2, 形参...){
//函数体
return 返回值;
}
//可以通过变量来接收这个返回值
var 变量 = 函数名(实参1, 实参2, 实参3);
函数的调用结果就是返回值,因此我们可以直接对函数调用结果进行操作。
返回值:
- 如果函数没有显示的使用 return语句 ,那么函数有默认的返回值:undefined
- 如果函数使用 return语句,那么跟再return后面的值,就成了函数的返回值
- 如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是:undefined
函数使用return语句后,这个函数会在执行完 return 语句之后停止并立即退出,也就是说return后面的所有其他代码都不会再执行。
要么让函数始终都返回一个值,要么永远都不要返回值。
- 案例
- 求一组数中的最大值
function getMax(arr) {
var max = arr[0];
for (var i=1; i < arr.length; i++) {
max = max < arr[i] ? arr[i] : max;
}
return max;
}
var arr = [11,2,3,5,77,45];
var result = getMax(arr);
console.log(result);
- 求一组数中的最小值
function getMin(arr) {
var min = arr[0];
for (var i=1; i < arr.length; i++) {
min = min > arr[i] ? arr[i] : min;
}
return min;
}
var arr = [11,2,3,5,77,45];
var result = getMin(arr);
console.log(result);
- 求阶乘
function getFactorial(n){
var fac = 1;
for(var i=1; i<=n; i++) {
fac *= i;
}
return fac;
}
console.log(getFactorial(6));
- 求1!+2!+3!+…+n!
function getFactorial(n){
var fac = 1;
for(var i=1; i<=n; i++) {
fac *= i;
}
return fac;
}
console.log(getFactorial(6));
function getFactorialSum(n){
var sum = 0;
for(var i=1 ; i<=n; i++){
sum +=getFactorial(i);
}
return sum;
}
console.log(getFactorialSum(4));
arguments的作用
JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象==,arguments对象中存储了传递的所有的实参==。arguments是一个伪数组(类数组对象),因此及可以进行遍历。
//当我们需要几个参数的时候,就传几个参数
function test(){
//只能在函数内部使用
console.log(arguments);
//通过arguments获取函数调用时传入的实参
//类似于数组,但不是真正的数组,伪数组,类数组对象
}
- 案例
- 求任意个数的最大值
function getMax(){
var max = arguments[0];
for(var i=1; i < arguments.length; i++) {
max = max > arguments[i]? max: arguments[i];
}
return max
}
console.log(getMax(1,2,34,5,645));
- 求任意个数的和
function getSum(){
var sum = 0;
for(var i=0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum
}
console.log(getSum(1,2,5));
代码规范
1.命名规范
函数 和变量的命名 必须要有意义,变量的名称 一般用名词 函数 一般用动词
遵循驼峰命名法
2.变量规范
var name = 'zs';
3.注释规范
// 这里是注释
4.空格规范
5.换行规范
var arr = [1, 2, 3, 4];
if (a > b) {
}
for(var i = 0; i < 10; i++) {
}
function fn() {
}
作业
- 求斐波那契数列Fibonacci中的第n个数是多少? 1 1 2 3 5 8 13 21…
function fibonacci(n){
var n1 = 1;
var n2 = 2;
var result = 0;
for(var i=3; i<=n;i++){
result = n1 + n2;
n1 = n2;
n2 = result;
}
return result;
}
console.log(fibonacci(4))//5
- 翻转数组,返回一个新数组
//第一种for循环递减法
function reverseArr(arr){
var newArray = [];
for(var i=arr.length-1; i>=0;i--){
newArray[newArray.length] = arr[i];
}
return newArray;
}
console.log(reverseArr([1,2,3,4,5]))
//第二种方法
function reverseArr(arr){
for(var i=0;i<parseInt(arr.length/2);i++){
var tmp = arr[i];
arr[i] = arr[arr.length-1-i];
arr[arr.length-1-i] = tmp;
}
return arr;
}
console.log(reverseArr([1,2,3,4,5,6]));
- 对数组排序,从小到大
//第一种方法,冒泡排序
function sortArr(arr) {
for (var i=0; i<arr.length-1; i++) {
for (var j=0; j<arr.length-1-i; j++){
if(arr[j] > arr[j+1]) {
var temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
}
}
}
return arr;
}
console.log(sortArr([20,10,30,50,2,5]));
//第二种方法,优化冒泡排序
function sortArr(arr) {
for (var i=0; i<arr.length-1; i++) {
var isSort = true;
for (var j=0; j<arr.length-1-i; j++){
if(arr[j] > arr[j+1]) {
var temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
isSort = false;
}
}
if(isSort) {
break;
}
}
return arr;
}
console.log(sortArr([20,10,30,50,2,5]));
- 输入一个年份,判断是否是闰年[闰年:能被4整除并且不能被100整除,或者能被400整除]
function judgeLeapYear(year){
return (year % 4 === 0) && (year % 100 !== 0) || (year % 400 === 0) ? '闰年' : '平年';
}
judgeLeapYear(2000);
- 输入某年某月某日,判断这一天是这一年的第几天?
//分析:
//2000年1月1日,第1天;
//2000年1月31日,第31天;
//2000年2月1日,第31+1天;
function judgeLeapYear(year){
return (year % 4 === 0) && (year % 100 !== 0) || (year % 400 === 0) ? true : false;
}
judgeLeapYear(2000);
function judgeWhichDay(year,month,day){
var days = day;
for(var i = 1; i< month; 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:
days += 30;
break;
case 2:
days += judgeLeapYear(year) ? 29 : 28;
break;
}
}
return days;
}
console.log(judgeWhichDay(2000,1,1));
console.log(judgeWhichDay(2000,3,1));
console.log(judgeWhichDay(2001,3,1));