跟我学习javascript的函数调用和构造函数调用

下面是“跟我学习JavaScript的函数调用和构造函数调用”的完整攻略。

函数调用

函数调用是指直接调用一个函数，不带 new 关键字。

基本语法

function funcName(param1, param2) {
  // 函数体
}

// 调用函数
funcName(arg1, arg2);

示例说明1

下面是一个简单的函数调用示例：

function sayHello() {
  console.log('Hello World!');
}

sayHello();

输出结果为：

Hello World!

示例说明2

我们还可以通过函数调用传递参数，下面是一个带参数的函数调用示例：

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

sayHello('John');

输出结果为：

Hello John

构造函数调用

构造函数调用是指使用 new 关键字来调用一个函数。构造函数调用会返回一个新的对象，这个对象可以访问函数中的属性和方法。

基本语法

function FuncName(param1, param2) {
  this.propertyName1 = param1;
  this.propertyName2 = param2;

  this.methodName = function () {
    // 方法体
  }
}

// 调用构造函数
var newObj = new FuncName(arg1, arg2);

示例说明1

下面是一个简单的构造函数调用示例：

function Person(name, age) {
  this.name = name;
  this.age = age;

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

var p1 = new Person('John', 30);
var p2 = new Person('Tom', 25);

p1.sayHello();
p2.sayHello();

输出结果为：

Hello, my name is John
Hello, my name is Tom

示例说明2

我们还可以使用原型链来共享方法，从而节省内存。下面是一个使用原型链的构造函数调用示例：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 使用原型链共享方法
Person.prototype.sayHello = function () {
  console.log('Hello, my name is ' + this.name);
};

var p1 = new Person('John', 30);
var p2 = new Person('Tom', 25);

p1.sayHello();
p2.sayHello();

输出结果同上。

总结

函数调用与构造函数调用是 JavaScript 中常见的基础知识，需要掌握它们的基本语法和使用方法，才能更好地写出优雅的代码。