JavaScript学习之函数的定义方式及调用

JavaScript学习之函数的定义方式及调用

（一）函数的定义

1、自定义函数（命名函数）

定义格式如下：

function 函数名 (参数1，参数2，...) {
      函数体
}；

2、函数表达式（匿名函数）

定义格式如下：

var 变量名 = function (参数1，参数2，...) {
      函数体
}；

3、利用new Function(‘参数1’，‘参数2’，…，‘函数体’)

定义格式如下：

var 变量名 = new Function ('参数1'，'参数2'，...，'函数体');

注意： 种定义方式参数和函数体都要用引号括起来，即为字符串形式。而且这种方式代码效率比较低，了解即可。

函数定义方式如下图：

总结： 所有函数都是Function的实例（对象），函数也属于对象。可谓万物皆可对象。

（二）函数的调用

1、普通函数

/*定义函数fn();*/
function fn (参数) {
    函数体;
};
/*调用函数fn(a,b);*/
fn(参数);  /*第一种方法，直接调用*/
fn.call(参数); /*具体用法可以查看相关文档*/

2、对象的方法

具体实例如下：

var Obj = {
    say: function () {
        console.log('巅峰永无止境'); //函数体；
    }
};
/*调用*/
Obj.say();

3、构造函数

//利用构造函数创建对象；
function Star (name,age,sing) {
   this.name = name;
   this.age = age;
   this.sing = function() {
       console.log('我会唱'+sing);
   }
}
//构造函数调用，进行实例化；
var LiuDehua = new Star ('刘德华',32,'李香兰');
console.log(LiuDehua);

4、绑定事件函数

btn.onclick = function(参数) {函数体}

• 当绑定事件发生时就会自动调用

5、定时器函数

setInterval(function(参数) {函数体},time) ;

• 每隔time时间定时器自动调用；

6、立即执行函数

(function(参数) {函数体})();

• 立即执行函数自动调用立即执行。