DDR爱好者之家

JS中作用域以及变量范围分析
站长资源 2024/11/24 佚名
75 1538
DDR爱好者之家 Design By 杰米

变量作用域

js作为一门脚本语言，他与c，java这些语言是不相同的。

全局变量

在js中声明全局变量，有下面几种方式：

1.在函数外通过var来声明。

var test ="hello";
console.log(test);
function a(){
  test="xx";
  console.log(test);
}
a();
console.log(test);

结果：

hello
xx
xx

这种方式通过声明的变量在任何地方都可进行修改和使用。

2.在函数中隐士的声明变量

function a(){
  test=22;
  console.log(test);
}
a();
console.log(test);

结果：

22
22

因为js是弱类型脚本语言，在使用之前无需定义，所以可以通过这种方式也能声明全局变量。

来看一个反例：

var test="aa";
console.log(test);
function a(test){
  test=22;
  console.log(test);
}
a(test);
console.log(test);

结果：

aa
22
aa

可以看到在函数中修改了test值可是第二次在函数外打印的值没有变。这是因为在函数的过程中只是进行了值传递。局部变量覆盖掉了全局变量，只是局部变量 在 修改。

因为在函数的参数内定义的变量并不是全局变量。

反例二：

function a(){
  var test="aa";
  console.log(test);
}
a();
console.log(test);

结果

aa
notdefine

在函数内通过var来声明的变量是局部变量，函数外无法访问。

变量作用域

js的作用域和c与java这些语言的作用域也不相同，骚小孩在以前经常会因为这个而头疼，后来在认真学习了以后才懂了。

1.js中没有块范围。

if(1!=1){
  var y=c;
}
console.log(y)
 
if(1==1){
  var x=a;
}
console.log(x);

结果：

undefine
a

可以看到在if代码块定义的两个变量，在if块之外去打印，如果判断成功的话，才会去执行里边的声明语句，声明语句执行了，那么在代码块外边就可访问到了。

也可以看出在代码块中声明的变量也是全局变量。

2.js中的全局变量都会成为window的属性

var x=0;
console.log(window.x);

结果：

0

3.变量提升

var c=0;
function a(){
  console.log(c);
}
a();

结果：

0

var c=0;
function a(){
  console.log(c);
  var c=11;
}
a();

结果：

undefine

可以看出在函数中加了一行声明语句结果就会不同，这产生这样的原因是什么呢？

其实第二个代码块的执行顺序是这样的：

var c=0;
function a(){
  var c;
  console.log(c);
  c=11;
}
a();

在函数中他会先把声明语句提升到第一行，但是并不提升赋值。然后局部变量覆盖全局变量，在打印c的时候局部变量还没来的

及赋值所以就是undefine。

变量提升不只会提升会执行的变量，不会执行的变量也会进行提升：

var c=10;
function a(){
  console.log(c);
  if(false) {
    var c = 10;
  }
}
a();

结果：

undefine

因为在if判断中定义了局部变量c，虽然if条件不成立，但是也会进行变量提升，所以打印c也是undefine；

4.let变量

通过上面的例子可以看到用var来定义变量的弊端：

1.var定义的变量没有块作用域；

2.var定义的全局变量会自动添加全局window对象的属性；

3.var变量会提前装载（变量提升）；

let就是为了解决这些问题而诞生的。

for(let i=0;i<5;i++){
  
}
console.log(i);

结果：

报错

在代码块中定义了let变量，在外部引用的时候不会存在。即存在块作用域。

let i=10;
console.log(window.i);

结果：

undefine

let声明的变量并不会成为window的属性。

var c=10;
function a(){
  console.log(c);
  let c=1;
  console.log(c);
}
a();

在函数中存在变量与全局变量名相同的c，因此会覆盖掉全局变量c，但是由于let不会提前装载，所以在第一个打印语句打印c时会报错。

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

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新日志

友情链接

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