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();

 

posted @ 2020-02-21 10:48  幽暗森林之猪大屁  阅读(255)  评论(0)    收藏  举报