JavaScript中Function详解

关于JavaScript中的Function：定义、对象特性及内部属性详解

Function是JavaScript中的核心组成部分，通过关键字function、函数名以及一组参数，我们可以定义并执行一段特定的语义。今天，我们来详细一下JavaScript中的Function。

一、函数的定义

函数可以通过声明式定义或表达式定义两种方式来进行。

1. 声明式定义：

```javascript

function funame([arg1[,args[...,argn]]]){

statements

}

```

2. 表达式定义：

```javascript

var funame = function ([arg1[,args[...,argn]]]){

statements

};

```

无论哪种方式，function语句里的花括号都是必需的，即使函数体只包含一条语句。

二、函数的对象特性

在JavaScript中，函数是Function类的实例，具有属性和方法，与其他引用类型相似。函数名实际上是指向函数对象的指针，因此函数可以作为参数参与传递，也可以作为返回值返回。

例如：

```javascript

function call_some_function(some_function, some_argument) {

return some_function(some_argument);

}

function add_10(num) {

return num + 10;

}

console.log(call_some_function(add_10,20)); //输出30

```

三、函数的内部属性

1. arguments对象：这个对象中保存着传递给函数的参数。

2. this关键字：主要用来帮助函数引用函数所处作用域中的对象。

3. arguments.length：返回传入函数的参数个数。需要注意的是，length属性表示函数定义时默认接收的参数数量，而arguments.length表示函数实际执行时接收的参数数量。

例如，关于arguments的使用：

```javascript

function test_arguments() {

if (arguments.length == 2) {

console.log(arguments.length);

console.log(arguments);

} else {

console.log(arguments.length);

console.log(arguments);

arguments.callee(4, 5);

};

}(1, 2, 3) //输出：3 { '0': 1, '1': 2, '2': 3 } 2 { '0': 4, '1': 5 }

```

而关于this的使用以及arguments.callee()的递归调用示例：

```javascript

function factorial(num) {

if (num <= 1) {

return 1;

} else {

return num factorial(num - 1); // 这里如果使用arguments.callee会出错，因为JS中函数名只是一个指针，随时可能变化，所以推荐使用函数直接调用的方式。直接使用函数名递归调用可能会导致引用错误的问题。arguments.callee()主要用在递归函数中调用函数自身的情境中。当函数名发生变化时，使用arguments.callee可以确保总是调用到正确的函数自身。当f = factorial; factorial = null后尝试使用factorial进行递归调用会导致错误，但使用callee_f则不会有问题。 } } console.log(factorial(10)); // 输出正常结果。 } function callee_f(num) { this的使用主要帮助函数引用函数所处作用域中的对象。在复杂的对象结构中，this可以帮助我们理解并操作对象的层次结构。例如在一个对象的方法中，this通常指向调用该方法的对象本身。JavaScript的函数是非常强大的工具，通过理解其定义、对象特性和内部属性，我们可以更好地使用它们来构建复杂的程序逻辑。 } ```JavaScript中的call()、apply()方法与内置对象功能

在JavaScript中，每一个函数都拥有其特有的方法，其中call()和apply()方法是非常实用的两个方法。它们允许我们改变函数执行时的上下文（也就是函数内部this的指向）。接下来，我们将一起这些方法和一些内置对象的用途。

让我们看一个简单的例子来了解call()和apply()的基本用法：

```javascript

var color = 'red'; // 全局的color变量

function sayColor() {

console.log(this.color); // 输出当前上下文中的color变量值

}

sayColor(); // 输出 'red'，因为this指向全局对象

var o = new Object(); // 创建一个新的对象

o.color = 'blue'; // 为这个对象添加一个color属性

o.sayColor = sayColor; // 将sayColor函数作为o对象的一个方法

o.sayColor(); // 输出 'blue'，因为我们改变了函数的上下文为对象o

```

在上述代码中，当我们直接调用sayColor函数时，this指向全局对象，因此输出的是全局的color变量值。但是当我们使用call()或apply()方法并传入一个对象作为第一个参数时，函数的上下文就会改变为这个对象。这就是call()和apply()的主要作用。它们之间的主要区别在于参数的传递方式：call()接受一个参数列表，而apply()接受一个包含所有参数的数组。

除了call()和apply()，JavaScript还有许多内置对象，如Global对象、Math对象等。Global对象包含所有的全局变量和函数，以及一些常用的方法和属性，如isNaN()、isFinite()、parseInt()、parseFloat()等。Math对象则包含了许多数学常数和函数，如sin()、cos()、sqrt()等。

还有一些特殊的方法，如encodeURI()、encodeURIComponent()、decodeURI()和decodeURIComponent()，它们用于对字符串进行编码和解码。eval()方法则可以执行一段字符串中的JavaScript代码。需要注意的是，eval()的使用要非常谨慎，因为它可能会带来安全问题。

理解并熟练运用call()、apply()以及这些内置对象，将有助于我们更好地编写出高效、安全的JavaScript代码。希望这篇文章能对大家有所帮助，谢谢阅读！

注：在浏览器环境中，windows对象封装了Global对象，并承担了很多额外的任务和功能。这也是JavaScript在浏览器环境中的特殊之处。