码迷,mamicode.com
首页 > Web开发 > 详细

js变量提升的坑

时间:2019-10-14 17:29:04      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:foo   func   关于   全局变量   cti   报错   修改   esc   原理   

关于js变量提升

变量提升

在js函数内部是可以直接修改全局的变量的,个人感觉是不好的设计, 但是确实存在这个概念
原理:

  1. 先查看有没有函数变量bb
  2. 查看形参有没有bb
  3. 查看全局有没有bb
  4. 报错, 找不到bb变量

修改函数内部

var bb = 1;

function foo(cc){
    var bb = 2; // 这里的bb, 其实是函数的局部变量
    console.log(cc);
}

foo(bb); // 1
console.log(bb); // 1

修改的是形参

var bb = 1;

function foo(bb){
    bb = 2; // 这里看起来像是变量提升, 但其实是修改的形参, 不会影响到全局变量
    console.log(bb);
}

foo(bb);  // 2
console.log(bb); // 1

修改的是全局

var bb = 1;

function foo(cc){
    bb = 2; // 这里的bb, 其实是修改了全局的变量bb
    console.log(cc);
}

foo(bb); // 1
console.log(bb); // 2

js变量提升的坑

标签:foo   func   关于   全局变量   cti   报错   修改   esc   原理   

原文地址:https://www.cnblogs.com/fepapa/p/11672576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!