作用域和作用域链

1、作用域

JavaScript 的作用域是 通过 函数 来形成,也就是说一个函数内定义的变量,函数外是不可以访问。

分类
作用域函数作用域全局作用域
function fn() {
   var a = 'miya';
   console.log(a); // 输出"miya"
}
fn();
//miya

fn 执行的时候,输出一个 a 变量 ,那么这个a变量是哪里来?有看到函数第一行有 定义 a变量的代码var a = 'miya'

var b = 'programmer';
function fn() {
   console.log(b); // 输出"programmer"
}
fn();
//programmer

同样,在输出 时,自己函数内部没有找到变量 b ,那么就 在外层的全局中查找 ,找到了就停止查找并输出结果。

两段代码都有查找变量。第一段代码是在函数中找到a变量,第二段代码是在全局中找到b变量

2、作用域链

var b = 'programmer';
function fn() {
   console.log(b); // 输出"programmer"
}
fn();

查找 变量时,先在函数作用域中 查找,没有找到,再去 全局作用域中 查找。你会注意到,这是一个往外层查找的过程,即顺着一条链条 从下往上查找变量 。这条链条,我们就称之为作用域链

3、块级作用域

即在{}花括号内的域,比如if(){}块,for块

var是js的,作用域是函数作用域的,let是ES6的,作用域是块级作用域的

// 函数作用域
function test (){
console.log(函数内var声明的: a);// 函数内var声明的: undefined
var a = testa'
console.log(函数内let声明的: ,b);// 报错let 
b = 'testb'
}
console.log(函数外var声明的:a);// 报错 ais not defined
test();

// 块作用域
if (true){
let c = 'testc'
console.log(块作用域里面使用,d);// 块作用域里面使用 undefined
var d = 'testd'
}
console.log(块作用域外面使用var,d);// 块作用域外面使用var testd
console.log(块作用域外面使用let,c);// 报错

var定义的变量是受到函数作用域限制的,不受if{}块作用域的限制。在函数内声明前使用var变量只是打印出undefined.而在函数外使用却报错is not defined。而在if0块作用域内声明前使用和在块内声明后块外使用,也只是打印出undefined,并不会报错
let定义的变量,是受块作用域的限制的。let定义的变量不管是在函数内声明前使用,还是函数内声明后函数外使用,及块内声明块外使用都报错is not defined

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值