首页 > 技术文章 > 函数(方法)基本内容

dk2557 2018-06-19 16:07 原文

函数的四要素:名称,输入,返回值,加工。

基本结构:

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(){}

 

推荐阅读