Javascript之函数（基础篇）

1 初步认识函数


1 <script type="text/javascript">
2 console.log("你好");
3 sayHello(); //调用函数
4 
5 //定义函数：
6 function sayHello(){
7 console.log("欢迎");
8 console.log("welcome");
9 }
10 </script>
11 </body>
 
 
函数，是一种封装。就是将一些语句，封装到函数里面。通过调用的形式，执行这些语句。
函数的使用，是两个步骤，第一步，函数的定义：
语法：
1 function 函数名字(){
2 
3 }
function就是英语“函数”、“功能”的意思。顾名思义，将一些功能封装到函数里面。
function是一个关键字，和var、typeof一样，都是关键字，后面要加空格。
函数名字的命名规定，和变量的命名规定一样。只能是字母、数字、下划线、美元符号，不能以数字开头。
后面有一对儿空的小括号，里面是放参数用的，下午介绍。大括号里面，是这个函数的语句。
常见错误：
不能小括号包裹大括号：
1 function sayHello({
2 
3 })
不能忘了小括号对儿：
1 function sayHello{
2 
3 }
 


第二步，函数的调用。
函数如果不调用，等于白写。
调用一个函数，太简单了，就是这个函数的名字后面加小括号对儿。
语法：
1 函数名字();
 
定义函数，可以在调用的后面：这是JS的语法特性，函数声明头的提升。知道就行了。
1 console.log("你好");
2 sayHello(); //调用函数
3 
4 //定义函数：
5 function sayHello(){
6 console.log("欢迎");
7 console.log("welcome");
8 }
 
函数的功能、好处：
1） 将会被大量重复的语句写在函数里面，这样以后需要这些语句的时候，直接调用函数，不用重写那些语句。
2） 简化编程，让编程变的模块化。
 


 
 
 
2 函数的参数


 
实际参数和形式参数的个数，要相同。


1 qiuhe(3,4);
2 qiuhe("3",4);
3 qiuhe("我爱你","中国");
4 
5 function qiuhe(a,b){
6 console.log(a + b);
7 }
 
 
3 函数的返回值


1 <script type="text/javascript">
2 console.log(qiuhe(3,4));
3 
4 function qiuhe(a,b){
5 return a + b;
6 }
7 </script>
return就是英语“返回”的意思，那么就表示此时这个“函数调用的表达式”（红色部分），值就是这个a+b。
 
● 函数里面可以没有return，如果有，只能有一个。不能有多个return；
● 函数里面，return后面不允许书写程序了，也就是说写在后面的程序无效；