函数声明

在JavaScript中函数和方法是执行特定任务的代码块尽管它们在很多方面相似但存在一些关键差异主要体现在它们如何被定义和调用上。

在JavaScript中函数可以通过多种方式定义包括函数声明、函数表达式和箭头函数等。

函数声明

函数声明使用function关键字定义具有函数名和参数列表并以分号结束。

function

JavaScript对函数的参数数量使用非常灵活。

如果传递的参数过多多余的部分会被忽略如果传递的参数过少缺失的参数将被赋值为undefined。

function

中所有非箭头函数的局部变量用于存储传递给函数的参数。

它是一个类数组对象具有

length

Array.prototype.slice.call(arguments)

Array但不支持

等方法。

当调用的参数多于函数正式声明的参数时arguments

arguments[Symbol.iterator]返回一个数组迭代器对象包含参数中每个索引的值。

应用场景

对象常用于处理可变数量的参数、递归操作等场景。

例如在递归函数中可以通过

arguments.callee

{console.log(arguments[i]);}}​printArgs(1,

hello,

1);}}​console.log(factorial(5))

输出120

Array.prototype.slice.call(arguments);}​console.log(convertToArray(1,

3));

中一个强大的工具用于处理函数调用时的参数信息。

尽管它不是真正的数组但通过一些技巧可以将其转换为数组并利用其特性来编写灵活的函数。

然而在现代

JavaScript

2015引入的一个重要特性用于处理函数中不定数量的参数。

Rest参数允许开发者定义一个函数使其能够接收任意数量的参数并将这些参数收集到一个数组中。

这种语法通过在参数列表末尾添加三个点...来实现。

例如

function

在本例中...args会收集所有未命名的额外参数并将其存储为一个数组。

只能出现在参数列表的最后Rest参数必须是最后一个参数不能与其他命名参数混合使用。

function

返回值是一个数组Rest参数总是返回一个数组即使没有传递额外的参数它也会返回一个空数组。

function

与arguments对象的区别Rest参数是一个真正的数组而arguments对象是一个类数组对象不支持数组方法如sort()、map()等。

只能使用一次一个函数只能有一个Rest参数且必须是最后一个参数。

应用场景

Rest参数在处理不定数量的参数时非常有用例如计算总和、合并数组、解构赋值等。

计算总和function

[]);}​console.log(mergeArrays([1,

2],

Rest参数是JavaScript中处理不定数量参数的强大工具它简化了函数定义和调用的复杂性。

通过将多余的参数收集到一个数组中开发者可以更方便地操作这些参数。

Rest参数与扩展运算符的结合使用进一步增强了其灵活性和实用性。

JavaScript中的变量作用域分为全局作用域和局部作用域。

全局作用域

全局作用域是指在所有函数之外定义的变量其作用域范围是同一个页面文件中的所有脚本可以在任何地方使用直到页面关闭。

const

global!;console.log(globalVar);

输出I

局部作用域是指在函数内部声明的变量仅在该函数及其嵌套函数中有效不能在函数外部访问。

function

local!;console.log(localVar);}​test();

输出I

defined.console.log(blockScopeConst);

报错Uncaught

const声明一个块作用域的常量一旦赋值就不能重新赋值但如果是对象或数组其内容仍然可以修改。

const

方法methods是定义在对象中的函数可以通过对象调用用于执行特定任务或操作。

这些方法可以是对象自带的也可以是我们自定义的。

方法定义与调用

值中调用一个函数并且可以传递一个参数数组作为函数的参数列表。

apply

this

的值第二个参数是一个数组或类数组对象包含了将要传递给函数的参数。

function

使用apply调用greet函数设置this为person对象并以数组形式提供参数。

greet.apply(person,

[Hello,

与apply类似的call方法允许我们调用一个函数设置this的值并直接提供参数列表。

function