Javascript 匿名函数中的作用域？
我来自Actionscript的背景，并且（参加派对的时间很晚）我正在尝试学习JavaScript。我正在YouTube上浏览这段视频（很不错），看到了一些我不懂的基本内容 第5行定义了Javascript 匿名函数中的作用域？,javascript,Javascript,我来自Actionscript的背景，并且（参加派对的时间很晚）我正在尝试学习JavaScript。我正在YouTube上浏览这段视频（很不错），看到了一些我不懂的基本内容 第5行定义了var工作计数。然后在一个对象中定义并返回两个匿名函数。函数引用了workcount，但workcount不在不同的范围内吗？这类似于Objective-C中的块，其中本地VAR在块内保持可访问性。这是什么有名字吗 或如果函数“知道”先前在其作用域中定义的变量，该函数是否会知道任务2“知道”task1 我搞不懂这
var工作计数。然后在一个对象中定义并返回两个匿名函数。函数引用了workcount
，但workcount
不在不同的范围内吗？这类似于Objective-C中的块
，其中本地VAR在块内保持可访问性。这是什么有名字吗
或如果函数“知道”先前在其作用域中定义的变量，该函数是否会知道任务2task1输出：
task1 1
task2 2
请注意，变量和两个匿名函数包装在同一个函数中（我们称之为父函数）。因此，此变量的作用域在此父函数中可用 因此，现在这个变量充当这两个内部函数的全局变量，但范围仅限于父函数。两个内部函数共享同一个变量。。在一个函数中更改变量的值也会对另一个函数产生影响 因此，按照本文中的逻辑，假设我们一个接一个地执行task1和task2。该变量最初设置为0。然后在task1中，它将递增1。这使得变量值为1（0+1）。现在在任务2中，其值也增加了1，使其值为2（1+1）
这个范围概念在JavaScript中称为闭包。在JavaScript中称为闭包 JavaScript中闭包的作用域是词法的，这意味着闭包所属函数中包含的所有内容都可以访问其中的任何变量 基本上createWorker是一个作用域，由于任务1和任务2在createWorker内声明，因此它们可以访问createWorkers作用域中声明的所有变量
但是
createWorkerx = 5;
var x;
console.log(x); // Gives 5
var x = 10;
function foo() {
console.log('Global scope! ' + x);
}
function foo() {
bar(); // This will work, since foo and bar share scope
foobar(); // This will not work: foobar is only in scope within bar
}
function bar() {
function foobar() {
console.log('foobar');
};
console.log('bar');
foobar(); // This will work, since foobar is defined within bar's local scope
}
varlet// These give the exact same result
function foo() {}
var foo = function() {}
// You can use either by calling
foo();
JavaScript有一些有趣的变量范围规则。下面是一个快速概述：
x = 0; // Global, as no "var" keyword preceeds it. Btw: var is optional!
var x = 0; // This is scoped to it's parent fn. Child fn's can use it.
let x = 0; // This is similar to var, but has a special use case. (See below.)
varletletcreateWorkertask1task2这段代码说明了它是如何工作的
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Closure JS</title>
<script type="text/javascript">
var createWorker = function () {
var workCount = 0;
var task1 = function () {
var t = t || 0;
workCount += 1;
console.log("task1: " + workCount);
console.log("task1 t: " + (t++));
}
var task2 = function () {
var t = t || 0;
workCount += 1;
console.log("task2: " + workCount);
console.log("task2 t: " + (t++));
}
return {
job1: task1,
job2: task2
};
}
var app = new createWorker();
</script>
</head>
<body>
<div>
<input type="button" value="task1" onclick="app.job1()" />
<input type="button" value="task2" onclick="app.job2()" />
</div>
</body>
</html>
球就是这样反弹的。你可以像下面那样编写代码，javascript也会这样解释
var createWorker = function(){
var workCount, task1, task2;
workCount = 0;
task1 = function(){
workCount += 1;
console.log("task1" , workCount);
};
task2 = function(){
workCount += 1;
console.log("task2" , workCount);
};
return {
job1: task1,
job2:task2
}
};
task2task1task1task2函数foo1（）{
console.log（“foo1:+a”）；
var a=“你好”；
}
函数foo2（）{
var a=“你好”；
console.log（“foo2:+a”）；
}
函数foo3（）{
控制台日志（“foo3:+a”）；
让a=“你好”；
}
函数foo4（）{
控制台日志（“foo4:+b”）；
}
var b=5；
foo1（）；//未定义
foo2（）；//你好
试一试{
foo3（）；//抛出ReferenceError
}捕获（e）{
console.log（“foo3:+e.message”）；
}
foo4（）；
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Closure JS</title>
<script type="text/javascript">
var createWorker = function () {
var workCount = 0;
var task1 = function () {
var t = t || 0;
workCount += 1;
console.log("task1: " + workCount);
console.log("task1 t: " + (t++));
}
var task2 = function () {
var t = t || 0;
workCount += 1;
console.log("task2: " + workCount);
console.log("task2 t: " + (t++));
}
return {
job1: task1,
job2: task2
};
}
var app = new createWorker();
</script>
</head>
<body>
<div>
<input type="button" value="task1" onclick="app.job1()" />
<input type="button" value="task2" onclick="app.job2()" />
</div>
</body>
</html>
task1: 1
task1 t: 0
task1: 2
task1 t: 0
task2: 3
task2 t: 0
task2: 4
task2 t: 0
var createWorker = function(){
var workCount, task1, task2;
workCount = 0;
task1 = function(){
workCount += 1;
console.log("task1" , workCount);
};
task2 = function(){
workCount += 1;
console.log("task2" , workCount);
};
return {
job1: task1,
job2:task2
}
};