JavaScript基础函数整理汇总

JavaScript基础函数整理汇总

JavaScript作为前端开发中最重要的语言之一，函数作为其重要的编程元素之一，对于掌握JavaScript编程至关重要。本文将深入剖析JavaScript中基础函数的使用，包括函数的定义、调用、参数传递等方面，帮助初学者完整掌握JavaScript基础函数的概念和使用方法。

函数定义

JavaScript中函数的定义可以使用function关键字定义，语法格式如下：

function 函数名（参数列表）{
     //函数体
}

其中，参数列表是可选的，函数体中的语句是函数的主体，表示函数要完成的任务。

例如，我们定义一个计算两个数之和的函数：

function add(num1, num2){
  return num1 + num2;
}

以上代码中，函数名为add，有两个参数num1和num2，函数体为返回num1与num2之和。

函数调用

定义函数后，我们可以通过调用函数来执行函数体的操作。在JavaScript中，调用函数使用函数名和圆括号，圆括号中包括传递给函数的参数列表。语法格式如下：

函数名（参数1, 参数2, ...... , 参数n）

例如，我们调用之前定义的add函数：

var sum = add(2,3);

以上代码中，我们通过调用add函数，并传入两个参数"2"和"3"，返回结果赋值给变量sum。最终，变量sum的值为"5"。

参数传递

在JavaScript中，函数的参数可以分为两种类型：值类型参数和引用类型参数。值类型参数在函数中可以像普通变量一样被操作，而引用类型参数在函数中具有引用地址，对该地址的操作会影响到参数所在的变量。

// 值类型参数demo
function swap(a,b){ 
    var temp=a; 
    a=b; 
    b=temp;
}

var x=1, y=2; 
swap(x,y); 
console.log(x); // 结果1
console.log(y); // 结果2

以上代码中，swap函数通过值类型参数a和b来传递变量x和y的值，在函数中交换了两者的值。但是，由于JavaScript中函数的参数传递是按值传递的，所以在函数外部变量x和y的值并未发生改变，最终输出结果分别为1和2。

// 引用类型参数demo
function addOne(arr){ 
    arr[0]+=1; 
}

var arr=[1,2,3]; 
addOne(arr); 
console.log(arr); // 结果[2,2,3]

以上代码中，addOne函数通过引用类型参数arr来传递数组arr的地址，在函数中将数组第一个元素值加1，因为arr参数指向的是数组的地址，所以在函数外部，数组arr的值也发生了改变，最终输出结果为[2, 2, 3]。

尾声

通过本篇文章的学习，我们深入了解并掌握了JavaScript基础函数相关知识点，能够熟练地定义函数、调用函数和传递参数。相信这些知识点一定会为以后的JavaScript编程提供很好的基础。