JavaScript作为一种前端脚本语言，无疑是广受欢迎的。因为它能够实现动态交互效果，增强用户体验。而函数作为它的重要组成部分之一，自然也不可或缺。本文将从函数对象参数传递角度出发，介绍JavaScript函数的一些重要特性。

函数的定义

函数是一段可重用的程序片段，通常是需要执行某个特定任务的一段代码。在JavaScript中，我们可以使用function语法来创建函数。函数可以有参数，也可以没有。下面是一个简单的例子：

function sayHello(name) {console.log("Hello " + name);}sayHello("John");

这个例子中，我们定义了一个名为sayHello的函数，它有一个参数name。在函数内部，我们通过console.log语句输出一段问候语。当我们调用sayHello函数时，我们传递了一个字符串参数"John"。这个函数将打印出"Hello John"。

函数参数的传递方式：按值传递

在JavaScript中，函数参数的传递方式是按值传递。这意味着如果我们传递的是基本数据类型的值，如数字、字符串、布尔值等，那么函数内部的操作不会影响到外部的变量。下面的例子中，我们定义了一个函数double，它接受一个数字参数并返回它的两倍：

function double(num) {return num * 2;}var x = 5;console.log(double(x)); // 输出10console.log(x); // 输出5

在这个例子中，我们先定义了一个变量x，并将它的值设为5。然后我们调用double函数并将x作为参数传递进去。函数返回的值被输出到控制台上，但此时x的值仍然是5，没有发生任何改变。

对象参数的传递方式：按引用传递

与基本数据类型不同，如果我们传递的是对象类型的参数，如数组或对象，那么函数内部对这个参数的操作会在函数外部生效。这是因为对象在JavaScript中是按引用传递的。下面的例子中，我们先定义了一个对象person，包含两个属性name和age。然后我们定义了一个函数celebrateBirthday，用于将person的年龄加1。

var person = {name: "John",age: 30};function celebrateBirthday(p) {p.age++;}celebrateBirthday(person);console.log(person.age); // 输出31

在这个例子中，我们定义了一个名为person的对象，它有两个属性：name和age。然后我们定义了函数celebrateBirthday，并将person作为参数传递进去。函数内部将person的age属性加1，然后我们输出person的age属性，发现结果是31，比原来增加了1。

对象参数传递的注意事项

虽然对象参数是按引用传递的，但我们需要注意一些细节。

• 对象在函数内部被修改后，会在函数外部生效。此时修改之后的对象已经是一个新的对象，与原对象不同。
• 如果我们在函数内部将对象重新赋值，那么这个操作只会影响到函数内部的变量，不会影响到函数外部的对象。
• 如果我们在函数内部修改了对象的某个属性，那么这个操作将影响到函数外部的对象。

下面的例子演示了以上几点：

var person = {name: "John",age: 30};function celebrateBirthday(p) {p = {name: p.name,age: p.age + 1};p.age++;}celebrateBirthday(person);console.log(person.age); // 输出30person.age++;celebrateBirthday(person);console.log(person.age); // 输出31

在这个例子中，我们首先定义了一个名为person的对象，并将其传递给函数celebrateBirthday。函数内部首先将person重新赋值为一个新对象，然后将这个新对象的age属性加1。在函数外部，我们尝试将person的age加1，但我们发现它的值仍然是30。然后我们再调用celebrateBirthday函数，这次我们发现person的age属性成功加1了，输出了31。

结论

本文介绍了JavaScript函数的一些重要特性，特别是函数对象参数的传递方式。当我们传递基本数据类型的参数时，函数内部对参数进行的操作不会影响到函数外部。但如果我们传递的是对象类型的参数，函数内部对其修改会影响到函数外部。我们需要注意一些细节，才能避免意外的错误。