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

 

上一篇:js this指向总结


下一篇:前端面试典型例题之ECMAScript6,2020.12.07