js函数基础到入门

1.函数：函数就是一种封装
2.定义函数：
function 函数名(){
函数体;
}
3.函数不会自动执行，需要被调用才可以执行
函数名();
4.函数命名规则：
与变量命名规则一致
1）以字母、$、下划线_开头
2 ) 区分大小写
3)可以包含数字、字母、 _、以及倒了符
4）不能使用关键字和保留字
驼峰命名法：若名称由多个单词组成，则从第二个单词开始，首字母大写
5.区分变量名和函数名
不成文的规定：
函数名动词
变量名名词
6.函数的定义顺序与调用顺序无关

	    函数分为以下四种形式 
	          	1.无参函数
		        2.有参函数
		        3.带有返回值的函数
		        4.匿名函数

1.无参函数

		//定义函数
		function printHello(){
			for(var i=0;i<5;i++){
				document.write('hello world<br>');
			}
		}

		printHello();//函数调用，函数不调用是没有任何结果的

注意：定义过的函数可以任意调用
2. 多参函数
在调用函数时，您可以向其传递值，这些值被称为参数。
这些参数可以在函数中使用。
您可以发送任意多的参数，由逗号 (,) 分隔：
myFunction(argument1,argument2)

     当您声明函数时，请把参数作为变量来声明：
     function myFunction(var1,var2)
     {
    这里是要执行的代码
     }

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

       function show(a,b){
			if(a>b){
				console.log(a-b);
			}else{
				console.log(b-a);
			}
		}

		show(10,20);
		show(54,10);

3.带有返回值的函数

有时，我们会希望函数将值返回调用它的地方。
通过使用 return 语句就可以实现。
在使用 return 语句时，函数会停止执行，并返回指定的值。

 语法
function myFunction()
{
var x=5;
return x;
}

上面的函数会返回值 5。

function cal(a,b){
			if(a>b){
				return a-b;
			}
			return a*b;
		}
   var num=cal(20,2);
   console.log(num);

4.匿名函数

  匿名函数的两种用法：
       1.赋值
       2.自我执行

赋值函数

  var a=function(){};

   var b=function (){
		document.write('你好');
	 };
	b();

自我执行

   function show(){
			document.write('你好，你好');
		}
     show();//普通无参函数
    (function(){
			document.write('我好我好');
		})(); //匿名函数自我执行
		(function(){
			document.write('我好我好');
		}());//匿名函数自我执行   书写方式不同，同为匿名函数
		[function(){
			document.write('我好我好');
		}()];//匿名函数自我执行     书写方式不同，同为匿名函数

js函数基础到入门

猜你喜欢