JavaScript中的函数基础

时间:2022-04-22
本文章向大家介绍JavaScript中的函数基础,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

函数能让开发者把JavaScript代码变得更有效率,而且更能重复吃用。函数解决思路:把大问题变成小问题,分割的思路。

函数的语法:

函数类型1:

function Name(){
Body
}

函数以function关键字开始,Name为函数名字,Body是函数的主体即为所有工作发生的区域。带有参数的函数。函数类型2:

function Name(Arguments){
Body
}

Arguments可以是一个或多个参数,以逗号分开。函数Body可以访问参数,此时这些参数就像已经完成初始化工作的局部变量。

注意:函数的传递的参数很像函数内部的局部变量,但在函数内部改变函数的参数,却不影响函数外的任何事物。

具有返回值的函数。返回值能让你从函数中返回一段数据。函数类型3:

function Name(Arguments){
Body;
return Value;
}

关键字return表示这个函数有返回值,Value返回值可以为任何你选定的数据。return语句能放在函数任何的地方,函数遇到return后将立即结束。所有return不仅只返回数据,而且同时负责结束函数。

注意:return使用的场合时函数内部,函数执行到return语句立即结束;而break主要在for或while循环中,跳出当前所有的循环。

前端开发原则一:

结构(html),样式(css)和行为(JavaScript)的分离。

内容:网页的HTML代码,它提供网页实际上如何拼接在一起的结构,同时也是网页数据的所在地。

外观:网页的css代码,它主要改变的内容的样式,决定字体,色彩和排版的最终效果。

功能:驱动网页、带来交互性的JavaScript代码。

引用函数和调用函数的差别,可以通过查看函数名称后面是否跟随了括号()。引用函数只会单独出现,但调用函数一定有括号,有时还带有参数。