DDR爱好者之家

JavaScript静态作用域和动态作用域实例详解
站长资源 2024/11/25 佚名
51 1538
DDR爱好者之家 Design By 杰米

静态作用域指的是一段代码，在它执行之前就已经确定了它的作用域，简单来说就是在执行之前就确定了它可以应用哪些地方的作用域(变量)。

动态作用域–函数的作用域是在函数调用的时候才决定的

JavaScript采用的是词法作用域即静态作用域；

// 静态作用域：
var a = 10;
function fn() {
  var b = 1;
  console.log(a + b);
}
fn(); // 11

在创建fn函数时的时候就已经确定了它可以作用哪些变量，如果函数fn里面有变量a就直接操作变量a，

如果没有就往上一级查找，这就是静态作用域

// 动态作用域：
function foo() {
  console.log(a);
}
function bar() {
  var a = 3;
  foo();
}
var a = 2;
bar(); // 2;

bar 调用，bar里面foo被调用，foo函数需要查找变量a，由于JavaScript是词法作用域(即静态作用域)，foo被解析时在全局作用域.

所以只能在全局作用域中找a,输出结果为2，而非bar作用域中的a。如果js采用的时动态作用域，那么foo在bar中调用，就会先在bar中查询a,输出为3。

ps：下面看下JavaScript之静态作用域

作用域是指代码中定义变量的区域。作用域规定了如何查找变量，也就是确定当前代码对变量的访问权限。

静态作用域和动态作用域

静态作用域是指函数的作用域在函数定义时就已经确定了，而动态作用域是指函数的作用域在运行时才确定。下面是一段代码：

var value = 1;
function foo() {
    console.log(value);
}
function bar() {
    var value = 2;
    foo();
}
bar();

如果这段代码使用静态作用域的方式访问变量，那么执行foo()函数时，首先查看函数内是否存在局部变量value的定义，如果没有，则查找之前的代码，也就是var value = 1;，查找到了value的定义为1，因此输出1。
如果这段代码使用动态作用域的方式访问变量，那么执行foo()函数时，首先依旧从函数内部查找是否存在局部变量value的定义，如果没有，那么从调用方bar()函数的作用域中查找，找到了var value = 2;，因此输出2。
JavaScript采用静态作用域的方式访问变量，因此这个例子输出为1。

常见的采用动态作用域的语言是bash。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米