函数的四要素:名称,输入,返回值,加工。
基本结构:
function 方法名 (参数列表){方法体}
/* 常用格式*/ function show(){ alert(“这是show方法”) } Show(); //使用 /*其他格式*/ Var fun=function(){ //不常用 } fun();//使用
该方式的函数有“预加载”过程,允许我们先调用方法名、再声明方法名
预加载:代码先把函数的声明放入内存。代码开起来是先调用、后声明,本质是先声明、后调用的。
参数列表:
定义的时候:形参(没有意义,可以直接用)
调用的时候:实参
形参和实参可不同
function show(name){//name为形参 }
Show(name);//调用时,name为实参
可定义多个参数,用逗号分隔,需要一一对应,没有参数可设空("")
关键字arguments ---魔术参数
arguments是一个数组,参数列表就是数组值
function 函数名(){} //函数声明没有形参
函数名(实参,实参); //调用的时候有传递实参
利用arguments可以在函数里边接收实参信息。
function f1(){ argument[0]; //取第一个元素 } f1('123','2','3')
返回值 return;
一个函数执行完毕需要返回具体的信息,使用return关键字返回信息。
return本身还可以结束函数的执行。
结束函数 返回数据
function show(){ return 123;//返回123 }
js在页面的格式
在文件中,代码的运行是右上到下的,
<body> <script> var dd=document.getElementById("tt"); //先调用Id值tt console.log(dd); </script> <div id="tt">123</div> </body>
如上代码所示,先调用id值,则输出显示为null,一般外部引用js的时候,都放在<head>中,
所以需要在.js中注明:window.onload = function(){}
//js文件格式 var name = "";//定义变量类型 var sum = 0;// var obj = null;// /*页面加载完成*/ window.onload = function(){ 调用方法名 } /*方法*/ function f1(){} function f2(){}