大家好,又见面了,我是你们的朋友全栈君。
函数类型
在ECMAScript 中有三种函数类型:函数声明,函数表达式和函数构造器创建的函数。每一种都有自己的特点。
1.函数声明
代码语言:javascript复制//函数声明(缩写为FD)是这样一种函数:
//1.有一个特定的名称
//2.在源码中的位置:要么处于程序级(Program level),要么处于其它函数的主体(FunctionBody)中
//3.在进入上下文阶段创建
//4.影响变量对象
//5.以下面的方式声明
function exampleFunc() {}
这种函数类型的主要特点在于它们仅仅影响变量对象。该特点也解释了第二个重要点(它是变量对象特性的结果)在代码执行阶段它们已经可用(因为FD在进入上下文阶段已经存在于VO中——代码执行之前)。
例如(函数在其声明之前被调用)
代码语言:javascript复制foo();
function foo() {
alert('foo');
}
第二点函数声明在源码中的位置:
代码语言:javascript复制// 函数可以在如下地方声明:
// 1) 直接在全局上下文中
function globalFD() {
// 2) 或者在一个函数的函数体内
function innerFD() {}
}
2.函数表达式
代码语言:javascript复制//函数表达式(缩写为FE)是这样一种函数:
//在源码中须出现在表达式的位置
//有可选的名称
//不会影响变量对象
//在代码执行阶段创建
这种函数类型的主要特点在于它在源码中总是处在表达式的位置。最简单的一个例子就是一个赋值声明:
代码语言:javascript复制var foo = function foos() {
...
};
在外部FE通过变量“foo”来访问foo(),而在函数内部,有可能使用名称“foos”。
如果FE有一个名称,就很难与FD区分。但是,如果你明白定义,区分起来就简单明了:FE总是处在表达式的位置。在下面的例子中我们可以看到各种ECMAScript 表达式:
代码语言:javascript复制// 圆括号(分组操作符)内只能是表达式
(function foo() {});
// 在数组初始化器内只能是表达式
[function bar() {}];
// 逗号也只能操作表达式
1, function baz() {};
表达式定义里说明:FE只能在代码执行阶段创建而且不存在于变量对象中,示例:
代码语言:javascript复制// FE在定义阶段之前不可用(因为它是在代码执行阶段创建)
alert(foo); // "foo" 未定义
(function foo() {});
// 定义阶段之后也不可用,因为他不在变量对象VO中
alert(foo); // "foo" 未定义
在表达式中使用它们,”不会污染”变量对象。最简单的例子是将一个函数作为参数传递给其它函数。
代码语言:javascript复制function foo(callback) {
callback();
}
foo(function bar() {
alert('foo.bar');
});
foo(function baz() {
alert('foo.baz');
});
3.通过函数构造器创建的函数
这种函数的[[Scope]]属性仅包含全局对象:
代码语言:javascript复制 var x = 10;
function foo() {
var x = 20;
var y = 30;
var bar = new Function('alert(x); alert(y);');
bar(); // x:10, y:未定义
}
foo()
函数bar的[[Scope]]属性不包含foo上下文的Ao的变量y不能访问,变量x从全局对象中取得。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/167167.html原文链接:https://javaforall.cn