极客笔记JavaScript-函数
在JavaScript中，函数是一等公民，这意味着函数有更多的权利和特权，可以像其他数据类型一样使用。函数是一段可执行的代码块，可以接受参数和返回值。
函数声明和调用
在JavaScript中，可以使用function关键字声明函数。例如下面的函数声明会返回两个数的和：
function sum(a, b) {
return a + b;
}
要调用函数，可以使用函数名和参数列表。例如，调用sum函数：
var result = sum(1, 2);
这将返回3，并将结果存储在result变量中。
匿名函数
除了使用function关键字声明函数外，也可以使用匿名函数表达式创建函数。匿名函数是没有名字的函数，通常在需要一次性使用函数时使用。
var sum = function(a, b) {
return a + b;
};
与具名函数不同，匿名函数赋值给一个变量。然后可以通过变量名调用函数。例如：
var result = sum(1, 2);
这将返回3，并将结果存储在result变量中。
箭头函数
ECMAScript 6引入了箭头函数，它是声明函数的一种更简洁的方法。箭头函数使用箭头符号（=>）定义函数。
var sum = (a, b) => {
return a + b;
};
与匿名函数表达式一样，箭头函数也是匿名的，并赋值给一个变量。箭头函数使用更简洁的语法来定义函数，并在大括号内引用执行代码。可以将其简写，如下所示：
var sum = (a, b) => a + b;
这与上一个示例的函数具有相同的行为。
函数参数
函数可以接受零个、一个或多个参数。在JavaScript中，函数参数是在函数声明中定义的，可以从函数调用中获取。
以下是一个接受两个参数的函数示例：
function greet(name, greeting) {
console.log(greeting + ', ' + name + '!');
}
greet('John', 'Hello');
// 输出 "Hello, John!"
如果没有传递参数，函数中定义的变量将为空。以下示例将函数的两个参数添加在一起，如果没有传递参数，则会返回NaN。
function sum(a, b) {
return a + b;
}
console.log(sum()); // NaN
可以为函数参数提供默认值。默认值将在函数调用中未指定参数时使用。
function greet(name, greeting = 'Hello') {
console.log(greeting + ', ' + name + '!');
}
greet('John'); // 输出 "Hello, John!"
函数返回值
函数可以返回值，这些值可以是JavaScript中任何数据类型的值。返回语句用于从函数中返回值。
以下是一个示例函数，该函数将返回两个数的和：
function sum(a, b) {
return a + b;
}
var result = sum(1, 2);
console.log(result); // 输出3
如果没有指定返回值，则函数将返回undefined。下面是一个示例函数，该函数不会返回值：
function greet(name, greeting) {
console.log(greeting + ', ' + name + '!');
}
var result = greet('John', 'Hello');
console.log(result); // 输出undefined
函数作用域
JavaScript中有两种作用域：全局作用域和局部作用域（函数作用域）。在函数内部声明的变量只在该函数内部可见。
以下是一个函数作用域的示例：
function example() {
var message = 'Hello';
console.log(message);
}
example(); // 输出 "Hello"
console.log(message); // 抛出 ReferenceError: message is not defined
在上面的示例中，变量message只在example函数内部可见，在函数外部访问该变量会抛出ReferenceError。
闭包
在JavaScript中的函数作用域中有一个重要的概念，即闭包。简而言之，闭包是指函数可以访问其创建时的词法作用域，即使在该函数被调用之后也是如此。
以下是一个例子：
function outer() {
var count = 0;
function inner() {
count++;
console.log(count);
}
return inner;
}
var counter = outer();
counter(); // 输出1
counter(); // 输出2
在这个示例中，函数outer返回一个内部函数inner。内部函数inner可以对外部函数outer中的局部变量count进行更改和访问。counter变量指向inner函数的引用，每次调用counter函数时，闭包将保留外部函数outer声明的变量值，不断地将count值累加。
函数绑定
在JavaScript中，函数可以通过bind方法在调用时绑定到特定的对象上。bind方法会返回一个新函数，该函数在调用时将绑定this关键字至指定对象。
以下是一个简单的示例：
var person = {
firstName: 'John',
lastName: 'Doe',
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
}
var fullName = person.fullName.bind(person);
console.log(fullName());
在这个示例中，fullName函数被绑定到person对象。bind方法创建一个新函数，该函数在调用时始终将this关键字绑定到person对象。当我们调用fullName函数时，它将返回’John Doe’，这是person对象的fullName属性计算的结果。
构造函数
在JavaScript中，可以使用构造函数创建对象。构造函数与普通函数相似，但它们使用new关键字调用，并且通常用于初始化新对象的成员变量。
以下是一个构造函数示例：
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
var person = new Person('John', 'Doe');
console.log(person.firstName + ' ' + person.lastName); // 输出 "John Doe"
在这个示例中，我们定义了Person构造函数，该函数将firstName和lastName参数分配给this关键字，这意味着它们在创建新对象时作为成员变量分配。我们使用new关键字调用构造函数来创建person对象，然后使用对象的成员变量打印输出。
对象方法
在JavaScript中，可以将函数作为对象的属性，这些函数随着对象的创建而创建，并称为对象方法。
以下是一个示例：
var person = {
firstName: 'John',
lastName: 'Doe',
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
}
console.log(person.fullName()); // 输出 "John Doe"
在这个示例中，我们定义了一个person对象，并为其添加了fullName方法。当我们调用person.fullName()方法时，它将返回’John Doe’，这是person对象的firstName和lastName属性计算的结果。
闭包与循环
在JavaScript中，使用循环并希望访问当前索引的值时，可能会遇到一些问题。因为循环会将每次迭代生成的变量绑定到同一个内存位置上，因此可能会出现非预期的结果。
以下是一个示例：
var list = ['apple', 'orange', 'banana'];
for (var i = 0; i < list.length; i++) {
setTimeout(function() {
console.log(list[i]);
}, 1000);
}
这段代码的预期结果是打印所有水果名称。但实际上，它将在一秒钟后打印三个undefined，因为在定时器回调函数执行时，循环已经结束，并且变量i的值为3。
为了避免这种情况，可以使用闭包来创建每个迭代值的副本，并在每个迭代中使用该副本。以下是修改后的代码，它使用了一个立即调用的函数表达式（IIFE）来为每个回调函数创建一个新的闭包作用域：
var list = ['apple', 'orange', 'banana'];
for (var i = 0; i < list.length; i++) {
(function(index) {
setTimeout(function() {
console.log(list[index]);
}, 1000);
})(i);
}
在这个示例中，我们将立即调用的函数表达式传递给setTimeout方法，该函数表达式接受一个参数index，它在每个闭包函数中都有自己的副本。在每个迭代中，我们将i的值传递给该函数表达式，它将通过index参数在闭包内部保留该值。最后，该函数表达式作为setTimeout回调函数执行，并在一秒钟后打印正确的水果名称。
结论
JavaScript中的函数是一等公民，可以像其他数据类型一样使用。函数可以声明、调用、赋值给变量、作为参数传递和作为对象的属性。函数也可以接受参数和返回值，并且在函数作用域中定义的变量只在该函数内部可见。闭包是一种重要的概念，它允许函数访问其声明时的词法作用域。构造函数允许我们使用new关键字创建对象，并初始化成员变量。函数绑定允许我们将函数绑定到特定的对象上。最后，我们学习了如何使用闭包解决循环中的问题。