JavaScript基础(八)(函数),0基础学习前端开发

16 阅读5分钟

最后


大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。

开源分享:docs.qq.com/doc/DSmRnRG…


函数名(); // 通过调用函数名来执行函数体代码

注意:函数只有调用后才会执行。

3、函数的封装


函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口。

例如:利用函数计算1-100之间的累加和

代码如下:

function getSum(){

var sum = 0;

for(var i=0;i<=100;i++){

sum += i;

}

return sum;

}

console.log( getSum());;

打印结果为:

在这里插入图片描述

三、函数的参数

======================================================================

1、形参和实参


在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参。

// 带参数的函数声明

function 函数名(形参1, 形参2 , 形参3...) { // 可以定义任意多的参数,用逗号分隔

// 函数体

}

// 带参数的函数调用

函数名(实参1, 实参2, 实参3...);

例如:利用函数求任意两个数的和

代码如下:

function getSum(a,b){

var sum = a+b;

console.log(sum);

}

getSum(1,2);//3

getSum(2,6);//8

其中,a和b就是函数的形参,而(1,2)和(2,6)就是实参。

2、函数参数的传递过程


  1. 调用的时候实参值是传递给形参的

  2. 形参简单理解为:不用声明的变量

  3. 实参和形参的多个参数之间用逗号(,)分隔

3、函数形参和实参个数不匹配问题


| 参数个数 | 说明 |

| --- | --- |

| 实参个数等于形参个数 | 输出正确结果 |

| 实参个数多余形参个数 | 只取到形参的个数 |

| 实参个数小于形参个数 | 多的形参定义为undefine,结果为NaN |

注意:在JavaScript中,形参的默认值是undefined。

四、函数的返回值

=======================================================================

1、return 语句


// 声明函数

function 函数名(){

...

return 需要返回的值;

}

// 调用函数

函数名(); // 此时调用函数就可以得到函数体内return 后面的值

在使用 return 语句时,函数会停止执行,并返回指定的值; 如果函数没有 return ,返回的值是 undefined。

return 语句会把自身后面的值返回给调用者。

例如:上面提到的求1-100的累加和的案例中的代码:

function getSum(){

var sum = 0;

for(var i=0;i<=100;i++){

sum += i;

}

return sum;

}

console.log( getSum());;

这里就用了return返回语句,将sum的值返回给要调用的getSum()函数。

直接打印getSum()函数就可以得到求和的值。

例如在写一个带有返回值的函数求任意一个数组中的最大值 。

代码如下:

function getMax(arr){

max = arr[0];

for(var i=1;i<arr.length;i++){

if(arr[i]>max){

max = arr[i];

}

}

return max;

}

arr = [1,2,3,4]

console.log('arr = [1,2,3,4]这个数组中元素的最大值为:'+getMax(arr));

arr = [2,12,45,36,23]

console.log('arr = [2,12,45,36,23]这个数组中元素的最大值为:'+getMax(arr));

打印结果为:

在这里插入图片描述

2、return 终止函数


return 语句之后的代码不被执行。

如下所示:

function add(num1,num2){

return num1 + num2; // 注意:return 后的代码不执行

alert('我不会被执行,因为前面有 return');

}

var resNum = add(21,6); // 调用函数,传入两个实参,并通过 resNum 接收函数返回值

console.log((resNum)); // 27

打印结果为:

在这里插入图片描述

3、return 的返回值


return 只能返回一个值。如果用逗号隔开多个值,以最后一个为准。

例如:

function getNum(a,b){

return a,b;

}

console.log('返回的结果是:'+getNum(1,2));

在这里插入图片描述

当我们同时返回a和b的值的时候,只给我们返回了最后一个值。

4、函数没有 return 返回 undefined


函数都是有返回值的

如果有return 则返回 return 后面的值

如果没有return 则返回 undefined

例如:

function add(num1,num2){

var sum = num1 + num2;

console.log(sum);

}

console.log('函数的返回值是:'+add(1,2));

我们没有给这个函数return,当我们打印要调用的函数时,返回值为undefined。

在这里插入图片描述

5、break ,continue ,return 的区别


break :结束当前的循环体(如 for、while)

continue :跳出本次循环,继续执行下次循环(如 for、while)

return :不仅可以退出循环,还能够返回 return 语句中的值,同时还可以结束当前的函数体内的代码。

五、arguments的使用

=============================================================================

当不确定有多少个参数传递的时候,可以用 arguments 来获取(这时不需要写形参)。在 JavaScript 中,arguments 实际上是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象,arguments 对象中存储了传递的所有实参。

arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点:

  • 具有 length 属性

  • 按索引方式储存数据

  • 不具有数组的 push , pop 等方法

例如:利用函数求任意个数的最大值

代码如下:

function getMax(){

文末

如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。

同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript