首页 > 编程语言 > 详细

JavaScript创建函数的方式

时间:2020-02-21 12:58:26      阅读:70      评论:0      收藏:0      [点我收藏+]

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

 

JavaScript创建函数的方式

原文:https://www.cnblogs.com/zhuxiaopijingjing/p/12340519.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!