浅谈JavaScript中的Function与Object

Function

在JavaScript中，Function是语言中最重要的概念之一。每个定义的函数都是一个Function对象。可以使用函数来封装特定的代码块，并将其作为应用程序的模块提供。同时，它们也可以用于在应用程序中稍后执行特定代码块。定义了函数，可以通过简单的函数调用来使用它。

函数可以在全局作用域或其他函数中定义。定义的函数可以接收参数以及返回值。函数可以使用关键字function来定义。

function myFunction() {
  console.log("Hello, World!");
}

myFunction(); // outputs "Hello, World!"

参数可以在函数定义中指定。这些参数可以在函数调用时使用。函数可以接受任意数量的参数。在函数内部，参数通过它们的名称访问。

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

console.log(add(2, 3));
console.log(add(10, 20));

Object

JavaScript中的另一个重要概念是Object。Object是JavaScript中的基本数据类型之一。我们可以通过Object对数据进行封装。

与函数一样，Object可以在全局作用域或其他函数中定义。定义了一个Object之后，可以用点号来访问Object的属性和方法。

var person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

console.log(person.fullName());  // outputs "John Doe"

可以使用for...in循环来遍历一个对象的属性。

var person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

for (var key in person) {
  console.log(person[key]);
}

示例

以下是一个基于以上知识点编写的示例：

// 定义一个Person类
function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;

  this.fullName = function() {
    return this.firstName + " " + this.lastName;
  }
}

// 创建两个Person类的实例
var person1 = new Person("John", "Doe", 30);
var person2 = new Person("Jane", "Smith", 25);

// 显示实例的全名
console.log(person1.fullName());  // outputs "John Doe"
console.log(person2.fullName());  // outputs "Jane Smith"

在这个示例中，定义了一个Person类，该类有三个属性：firstName，lastName和age，以及一个fullName方法。之后，创建了两个Person类的实例，并通过调用fullName方法显示每个实例的全名。

另一个示例：

// 定义一个数组
var myArray = [1, 2, 3, 4, 5];

// 遍历数组并求和
var sum = 0;
for (var i = 0; i < myArray.length; i++) {
  sum += myArray[i];
}

console.log(sum);  // outputs 15

在这个示例中，定义了一个包含数字的数组。然后，使用for循环遍历数组，并将每个元素的值添加到sum变量中。最后，用console.log将sum输出到控制台。