JavaScript中函数的常用写法及调用方法

Javascript中函数的常用写法及调用方法，主要可分为函数声明和函数表达式两种方式，下面详细说明：

函数声明

函数声明是将函数定义提前，可以在函数定义之前使用该函数。

函数声明的基本格式为：

function 函数名(参数1,参数2,...){
    //函数体
    return 函数返回值;
}

函数声明的示例代码如下：

//定义一个函数，实现两数相加
function add(a,b){
    return a+b;
}
//调用add函数，传入实参2和3，并将结果赋值给变量sum
var sum = add(2,3);
console.log(sum); //5

函数表达式

函数表达式是将函数赋值给变量，且必须在函数定义后才能调用该函数。

函数表达式的基本格式为：

var 变量名 = function(参数1,参数2,...){
    //函数体
    return 函数返回值;
}

函数声明的示例代码如下：

//将函数赋值给变量add
var add = function(a,b){
    return a+b;
}
//调用add函数，传入实参2和3，并将结果赋值给变量sum
var sum = add(2,3);
console.log(sum); //5

函数的调用方法

对于函数的调用方法，在Javascript中，主要有以下几种方式：

直接调用函数

直接调用函数即直接在函数名后加上小括号，并将实参传入。

示例代码如下：

function hello(name){
    console.log('Hello,'+name);
}

hello('Tom'); //Hello,Tom

通过对象调用函数

在Javascript中，函数也可以作为对象的一个属性，因此可通过对象引用来调用该函数。

示例代码如下：

var person = {
    name: 'Tom',
    sayHello: function(){
        console.log('Hello,'+this.name);
    }
}

person.sayHello(); //Hello,Tom

通过apply、call调用函数

apply和call是Javascript中的两个函数方法，可用于调用其他函数，具有传递参数、指定上下文等常用功能。

两个方法的区别在于参数的传递方式不同：

• apply的传参方式为数组形式
• call的传参方式为逐个传参数

示例代码如下：

function sayHello(){
    console.log('Hello,'+this.name);
}

var person1 = {
    name:'Tom'
}

var person2 = {
    name:'Jack'
}

//通过apply调用sayHello函数，并将person1作为上下文对象，使用数组的形式传参
sayHello.apply(person1,['Tom']); //Hello,Tom

//通过call调用sayHello函数，并将person2作为上下文对象，使用逐个传参的形式传参
sayHello.call(person2,'Jack'); //Hello,Jack

以上即是Javascript中函数的常用写法及调用方法的攻略。