javascript中的 object 和 function小结

让我来为你详细讲解"JavaScript中的Object和Function小结"。

JavaScript中的Object

在JavaScript中，对象是一种复合数据类型，可以把它看做是多个属性的集合。对象的属性可以是基本数据类型，如字符串、数字等，也可以是其他对象以及函数。通过点（.）或中括号（[]）语法，可以访问和修改对象的属性。

例如，我们可以创建一个名为person的对象，并为其定义name和age属性：

let person = {
  name: 'John',
  age: 30
};

可以通过点语法或中括号语法来访问对象中的属性：

console.log(person.name); // 输出: John
console.log(person['age']); // 输出: 30

我们也可以使用for-in循环来迭代对象的属性：

for (let prop in person) {
  console.log(prop + ':' + person[prop]);
}

在上述代码中，变量prop存储了person对象的属性名，person[prop]存储了对应属性的值。

另一种创建对象的方式是使用构造函数。例如，我们可以创建一个名为Person的构造函数，该函数可以用于创建person对象的实例：

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

let person = new Person('John', 30);

在上述代码中，我们使用new关键字创建了Person的新实例，并将其赋值给变量person。此时，person对象就具有了name和age属性，并且这些属性的值分别为'John'和30。使用构造函数创建对象的好处在于，我们可以使用相同的属性声明逻辑来创建多个对象的实例。

JavaScript中的Function

JavaScript中的函数也是第一类对象，这意味着函数可以像普通的对象一样，赋值给变量、传递给其他函数以及从函数中返回。因此，函数在JavaScript中被广泛地用作回调函数、事件处理程序和构造函数等。

函数的声明可以使用function关键字或者函数表达式。例如，我们可以创建一个名为hello的函数：

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

hello('world'); // 输出: Hello world!

另一种创建函数的方式是使用匿名函数表达式：

let greeting = function(name) {
  console.log('Hello ' + name + '!');
}

greeting('world'); // 输出: Hello world!

在上述代码中，变量greeting存储了函数表达式所创建的函数对象。我们可以像使用其他对象一样，将greeting函数作为参数传递给其他函数，或者像普通函数一样，使用圆括号调用它。

函数在JavaScript中也可以具有属性。例如，我们可以在函数中创建属性，来记录函数被调用的次数：

function hello(name) {
  hello.count++;
  console.log('Hello ' + name + '!');
}

hello.count = 0;

hello('world'); // 输出: Hello world!
console.log(hello.count); // 输出: 1

在上述代码中，hello函数具有一个名为count的属性，用于记录函数被调用的次数。

示例一

下面是一个实际例子，展示如何使用对象和函数来实现一个计算器。

let calculator = {
  value: 0,
  add: function(num) {
    this.value += num;
  },
  subtract: function(num) {
    this.value -= num;
  },
  multiply: function(num) {
    this.value *= num;
  },
  divide: function(num) {
    this.value /= num;
  }
};

calculator.add(5);
calculator.subtract(2);
calculator.multiply(3);
calculator.divide(4);
console.log(calculator.value); // 输出: 3.75

在上述代码中，我们创建了一个名为calculator的对象，并为其定义了四个方法(add、subtract、multiply、divide)，用于计算器的加、减、乘、除操作。在每个方法中，this指向了calculator对象，因此可以访问和修改其value属性。我们在调用对象的方法时，就可以像使用普通函数一样，将其参数传递给相应的方法。

示例二

下面是一个更为高级的示例，展示如何在函数中使用闭包变量来实现一个计数器。

function makeCounter() {
  let count = 0;

  function counter() {
    count++;
    console.log(count);
  }

  return counter;
}

let counter = makeCounter();
counter(); // 输出: 1
counter(); // 输出: 2
counter(); // 输出: 3

在上述代码中，我们定义了一个名为makeCounter的函数，这个函数返回了一个名为counter的函数。在返回的函数中，我们使用了闭包变量count，每次调用返回的函数时，count都会增加。这个计数器是在一个函数内部创建的，因此它对外部环境是不可见的。通过这种方式，我们可以封装一个私有计数器，并且只通过返回函数的方式来提供计数器的访问接口。