JavaScript函数的调用以及参数传递

一、JavaScript函数的调用

JavaScript函数的调用可以通过三种方式进行，分别是：

1.函数直接调用

语法格式为： functionName()

示例代码：

function sayHello(){
   console.log('Hello World!');
}
sayHello(); //输出：Hello World!

2.方法调用

方法调用需要通过对象来调用，语法格式为：objectName.methodName()

示例代码：

var obj = {
   sayHello: function(){
       console.log('Hello World!');
   }
}
obj.sayHello(); //输出：Hello World!

3.构造函数调用

当一个函数作为构造函数使用时，需要使用new关键字进行调用，语法格式为： new functionName()

示例代码：

function Person(firstName, lastName){
   this.firstName = firstName;
   this.lastName = lastName;
}

var person1 = new Person('Jack', 'Lee');
console.log(person1.firstName); //输出：Jack
console.log(person1.lastName); //输出：Lee

二、函数参数传递

JavaScript函数可以接受任意数量的参数，参数可以是任意类型的数据，包括字符串、数字、对象等等。函数参数传递有两种方式，分别是：

1.值传递

值传递是指将参数的值传递给函数，函数会在栈内存中创建一个新的变量来存储参数的值，在函数内部可以对该变量进行修改，但不会影响参数本身。这种方式在处理基本数据类型参数时比较常用。

示例代码：

function square(x){
   console.log('x的平方为：', x*x);
   x = 10;
   console.log('修改后的x为：', x);
}
var num = 5;
square(num); //输出：x的平方为： 25  修改后的x为： 10
console.log('num的值为：', num); //输出：num的值为： 5

2.引用传递

引用传递是指将参数的引用传递给函数，函数可以修改参数的值，这种方式在处理对象类型参数时比较常用。

示例代码：

function changeName(person){
   person.name = 'Lucy';
}

var obj = {name: 'Jack'};
console.log('修改前的name为：', obj.name); //输出：修改前的name为： Jack
changeName(obj);
console.log('修改后的name为：', obj.name); //输出：修改后的name为： Lucy

以上就是JavaScript函数的调用以及参数传递的详细攻略。

阅读剩余 44%