js作用域。面试题

博客介绍了JavaScript作用域相关知识,包括内部可访问外部变量、不用var定义默认为全局变量(不推荐)、变量查找就近原则、声明提前,还提到参数与局部变量重名时优先级等同,以及变量修改和重新定义时的变化情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.js作用域(全局变量,局部变量)内部可以访问外部,但外部的不能访问内部的

var a=10;
function aaa(){ 
    alert(a);
};
aaa(); //a 为外部变量即全局变量,所以可以直接访问到 结果为10
function aaa(){
var a=10;  
};
aaa();
alert(a); //a 为函数aaa()内部变量量即局部变量,所以无法访问到

var a=10; 
function aaa(){ 
 alert(a);
};            
function bbb(){
var a=20;
aaa();
}
bbb(); //结果为10,因为aaa()函数不能访问到bbb()里面的局部变量,所以访问到的是a=10,这个全局变量。

2.不用var 定义变量时,会默认为是全局变量(不规范,不推荐)

function aaa(){
   a=10; 
}
aaa();
alert(a); //结果为10; 
//等价于:
var a;
function aaa(){
  a=10;
};
aaa();
alert(a);

//给未声明的变量赋值,此变量就会变成全局变量;var a=b=10; 可以解析成 b=10;var a=b; 也就是b为全局变量,a为局部变量,所以外部访问a访问不到,访问b结果为10;

所以为了避免出现这种隐患,我们在定义变量的时候把所有要定义的变量都加上var;

function aaa(){
      var a=b=10; 
}
 aaa();
 alert(a);//结果为,无法访问到
 alert(b);//结果为10;

3.变量的查找是就近原则去寻找,定义的var变量;第二点,变量的声明被提前到作用域顶部,赋值保留在原地,如下dome;

function aaa(){
  alert(a);
  var a=20;
}
aaa(); //结果为:undefined  
/**************/
var a=10;
function aaa(){
  alert(a);
  var a=20;
}
aaa(); //结果为:undefined
可以解析为是:
var a=10;
function aaa(){
  var a; //声明提前了
  alert(a);
  a=20; //赋值扔留着原地
}
aaa();

4.当参数跟局部变量重名的时候,优先级是等同的

var a=10;
function aaa(a){ 
    alert(a);
    var a=20;  //因为 a 是形参,优先级高于 var a; 所以 局部变量a的声明其实被忽略了。
} 
aaa(a); //结果为:10

5.变量修改的时候另一个变量会跟着变化,但是当变量重新被定义时,则另一个不变化

var a=[1,2,3];
var b=a;
b.push(4); 
alert(a);//结果为[1,2,3,4] 当b改变的时候a也发生了改变  

当b重新被赋值的时候 a不会改变.示例:
var a=[1,2,3];
var b=a;
b=[1,2,3,4]
alert(a)//结果为[1,2,3]
### 关于前端开发中的作用域 #### 什么是作用域作用域定义了变量、函数和其他声明的可见性和生命周期范围。JavaScript 中的作用域分为全局作用域和局部作用域(也称为函数作用域或块级作用域)。当访问某个变量时,JavaScript 引擎会按照特定的规则逐层向上查找该变量是否存在。 #### JavaScript 的作用域分类 1. **全局作用域** 当变量被声明在任何函数之外时,它属于全局作用域。这种变量可以在程序的任何地方访问。 2. **函数作用域** 变量如果是在函数内部通过 `var` 或隐式声明,则它们只存在于这个函数内。这是 ES5 和更早版本的主要作用域形式[^1]。 3. **块级作用域** 使用 `let` 和 `const` 声明的变量具有块级作用域,这意味着这些变量仅在其所在的 `{}` 大括号范围内有效。这一特性是从 ES6 开始引入的。 #### 示例代码展示不同作用域的行为 以下是几个例子来说明不同的作用域行为: ```javascript // 全局作用域 var globalVar = "I am a global variable"; function testScope() { var localVar = "I am a local variable"; // 局部作用域 if (true) { let blockScopedVar = "I am block scoped"; // 块级作用域 console.log(blockScopedVar); // 输出: I am block scoped } // 尝试访问块级作用域外的变量 // console.log(blockScopedVar); // 报错:blockScopedVar is not defined console.log(localVar); // 输出: I am a local variable } testScope(); console.log(globalVar); // 输出: I am a global variable // console.log(localVar); // 报错:localVar is not defined ``` #### 闭包与作用域的关系 闭包是指有权访问另一个函数作用域内的变量的函数。创建闭包的一个常见方式是返回一个能够访问其父作用域中变量的嵌套函数。这使得即使外部函数已经执行完毕并退出,内部函数仍然可以保持对外部函数作用域中变量的引用[^2]。 ##### 示例:利用闭包保存状态 ```javascript function createCounter() { let count = 0; // 定义在createCounter函数作用域下的私有变量 return function () { // 返回匿名函数形成闭包 count += 1; return count; }; } const counter = createCounter(); console.log(counter()); // 输出: 1 console.log(counter()); // 输出: 2 ``` #### 面试题举例 基于上述知识点,以下是一些常见的前端开发面试题及其解答思路: 1. **解释下面代码的结果** ```javascript for(var i=0;i<3;i++) { setTimeout(function(){ console.log(i); },1000); } ``` 结果是什么?为什么? 答案:由于 `setTimeout` 是异步操作,在循环结束后才会被执行,此时 `i` 已经变成了最终值 `3`,因此三次都会打印 `3`。可以通过使用立即执行函数表达式(IIFE)或将 `for` 替换为 `let` 来修复这个问题。 2. **如何实现块级作用域?** 答案:ES6 提供了新的关键字 `let` 和 `const`,用于声明块级作用域的变量。相比传统的 `var`,它们不会提升到顶部,并且只能在声明它们的大括号 `{}` 内部访问。 3. **描述一下闭包的概念以及它的实际用途有哪些?** 答案:闭包允许函数记住并访问其词法作用域,即便该函数在其词法作用域之外执行。它可以用来封装数据隐私、模拟类模块模式等场景。 --- ###
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值