函数能让开发者把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代码。

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