JavaScript创建函数的方式

在JavaScript中,创建函数是比较常见的操作,但是JavaScript中怎么创建函数呢,有几种方式可以创建函数呢?在JavaScript一般有三种方式创建对象
1.函数声明方式
格式:function 函数名(参数1,参数2,···){}
[JavaScript]  纯文本查看 复制代码
?
1
2
3
4
5
function add(num1,num2){
    return num1+num2;
}
//调用函数
add(4,6);

2.函数表达式方式
格式:var 函数名=function(参数1,参数2,···){}
[JavaScript]  纯文本查看 复制代码
?
1
2
3
4
var sum= function (a,b){
    return a+b;
}
sum(10,20);

3.函数对象方式
格式:var 函数名=new Function(“参数1”,“参数2”,"函数体");
[JavaScript]  纯文本查看 复制代码
?
1
var  add= new Function( "a" , "b" , "return a+b" );

上面三种是比较常见的创建方式,但是,也有一些其他的方式,只不过是在上面基础之上进行的变种,如下:
4.函数表达数方式
类似于函数表达式
[JavaScript]  纯文本查看 复制代码
?
01
02
03
04
05
06
07
08
09
10
var fun= {
     say : function (){
         console.log( 'say' );
     },
     del: function (){
         console.log( 'del' );
     }
}
//调用方式
fun.del();

5.方法对象方式
[JavaScript]  纯文本查看 复制代码
?
1
2
3
4
5
6
7
8
9
var fun= function (){};
fun.say = function (){
     console.log( 'say' );
}
fun.lea= function (){
     console.log( 'lea' );
}
//测试调用
fun.say();

6.对象属性方式
将方法当做返回值,之后在进行调用
[JavaScript]  纯文本查看 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
var fun= function (){
     return {
         say: function (){
             console.log( 'say' );
         },
         lea: function (){
             console.log( 'lea' );
         }
     }
}
//测试调用
var a = fun();
a.say();

 

猜你喜欢

转载自www.cnblogs.com/zhuxiaopijingjing/p/12340519.html
今日推荐