黑马程序员技术交流社区

标题: 【广州校区】+【原创】+JavaScript创建函数的方式 [打印本页]

---

作者: wujianhui    时间: 2019-12-19 13:16
标题: 【广州校区】+【原创】+JavaScript创建函数的方式
在JavaScript中，创建函数是比较常见的操作，但是JavaScript中怎么创建函数呢，有几种方式可以创建函数呢？在JavaScript一般有三种方式创建对象
1.函数声明方式
格式：function 函数名(参数1,参数2,···){}

[JavaScript] 纯文本查看 复制代码

function add(num1,num2){

   return num1+num2;

}

//调用函数

add(4,6);

2.函数表达式方式
格式：var 函数名=function(参数1,参数2,···){}

[JavaScript] 纯文本查看 复制代码

var sum= function(a,b){

   return a+b;

}

sum(10,20);

3.函数对象方式
格式：var 函数名=new Function（“参数1”,“参数2”,"函数体"）；

[JavaScript] 纯文本查看 复制代码

var  add= new Function("a","b","return a+b");

上面三种是比较常见的创建方式，但是，也有一些其他的方式，只不过是在上面基础之上进行的变种，如下：
4.函数表达数方式
类似于函数表达式

[JavaScript] 纯文本查看 复制代码

var fun= {

    say : function(){

        console.log('say');

    },

    del: function(){

        console.log('del');

    }

}

//调用方式

fun.del();

5.方法对象方式

[JavaScript] 纯文本查看 复制代码

var fun= function(){};

fun.say = function(){

    console.log('say');

}

fun.lea= function(){

    console.log('lea');

}

//测试调用

fun.say();

6.对象属性方式
将方法当做返回值，之后在进行调用

[JavaScript] 纯文本查看 复制代码

var fun= function(){

    return {

        say: function(){

            console.log('say');

        },

        lea: function(){

            console.log('lea');

        }

    }

}

//测试调用

var a = fun();

a.say();

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2