JS 使用方法与函数总结

函数

函数是一段可重复使用的代码块，它接收输入的参数（或者不接收），并根据这些参数产生输出（或不产生）。函数本身是一个对象，可以赋值给变量、数组、对象属性等。

定义函数的语法如下：

function functionName(param1, param2, ...) {
   // 函数主体
   return result;
}

其中，functionName 是函数的名称，param1、param2 等是参数，函数主体是一段用来计算和返回结果的语句。函数用 return 语句返回结果。

使用函数的语法如下：

functionName(arg1, arg2, ...);

使用时需要传递参数，函数会根据参数计算结果并返回。

示例一

function add(a, b) {
  return a + b;
}

console.log(add(1, 2)); // 输出 3

这个例子中定义了一个名为 add 的函数，它接收两个参数 a 和 b，并返回 a + b 的结果，最后通过 console.log 打印输出结果。

示例二

function sum(numbers) {
  var result = 0;
  for (var i = 0; i < numbers.length; i++) {
    result += numbers[i];
  }
  return result;
}

console.log(sum([1, 2, 3])); // 输出 6

这个例子中定义了一个名为 sum 的函数，它接收一个参数 numbers，这个参数是一个数组。函数通过循环累加数组中所有元素的值，最后返回累加结果。

方法

方法是一种特殊的函数，它是某个对象的属性，可以调用该对象的方法。方法可以修改对象的状态或返回与该对象相关的值。

定义方法的语法与定义函数类似，只不过把方法定义在对象中：

var objectName = {
  propertyName1 : propertyValue1,
  propertyName2 : propertyValue2,
  methodName1 : function(param1, param2, ...) { ... },
  methodName2 : function(param1, param2, ...) { ... }
}

其中，objectName 是对象的名称，propertyName1、propertyName2 等是对象的属性，它们可以是任何类型的数据，包括函数。methodName1、methodName2 等是方法的名称。

使用方法的语法如下：

objectName.methodName(param1, param2, ...);

其中，objectName 是对象的名称，methodName 是方法的名称，param1、param2 等是方法参数。方法可以使用对象的属性和其他方法，也可以修改对象的属性。

示例一

var person = {
  name: '张三',
  age: 18,
  sayHello: function() {
    console.log('你好，我叫' + this.name + '，今年' + this.age + '岁。');
  }
};

person.sayHello(); // 输出 "你好，我叫张三，今年18岁。"

这个例子中定义了一个名为 person 的对象，它有两个属性 name 和 age，以及一个方法 sayHello。sayHello 方法使用了对象的属性 name 和 age，并使用 console.log 打印输出。

示例二

var calculator = {
  result: 0,
  add: function(a) {
    this.result += a;
  },
  subtract: function(a) {
    this.result -= a;
  },
  clear: function() {
    this.result = 0;
  }
};

calculator.add(1);
calculator.add(2);
calculator.subtract(1);
console.log(calculator.result); // 输出 2
calculator.clear();
console.log(calculator.result); // 输出 0

这个例子中定义了一个名为 calculator 的对象，它有一个属性 result 和三个方法 add、subtract 和 clear。add 方法可以向 result 中加上一个参数的值，subtract 可以从 result 中减去一个参数的值，clear 可以将 result 的值重设为 0。这些方法可以修改 calculator 的状态。

本文链接：http://task.lmcjl.com/news/8384.html