javscript的window对象

乌啦啦
  • 1.3k

在php中可以给变量名相似的一批变量动态赋值,
比如有一批变量,a_1,a_2,a_3....a_i;
可以

for($i=1;$i<100;$i++){
    ${'a_'.$i} = $i;
}

目前在写js有类似的需求,照搬过来

for(var i=1;i<100;i++){
    'a_'+i = i;
}

发现是不行的,于是在搜索了一下,发现其实可以这么写

for(var i=1;i<100;i++){
    window['a_'+i] = i;
}

然后a_1,a_2,a_99对象都赋值成功了。
搜索发现没有找到关于这样使用window的理论介绍,不知道这个怎么理解呢?

回复
阅读 2.1k
4 个回答

首先说一下window的使用:
@Chei怯 所说,当声明一个JavaScript全局变量时,实际上是定义了全局对象的一个属性,在Web浏览器里,全局对象名为window。

其次,JavaScript为属性访问定义了两种语法:

expression.identifier  // 表达式指定对象,标识符指定需要访问的属性的名称
expression[expression] // 这种方法适用于对象和数组,[]内的表达式指定要访问的属性的名称或者代表要访问数组元素的索引

.identifier的写法只适用于要访问的属性名称是合法的标识符,并且需要知道要访问的属性的名字
当属性名是通过运算得出的值而不是固定的值的时候,必须使用方括号写法。
(摘自《JavaScript权威指南》4.4节-属性访问表达式)
题主的变量名是通过表达式'a_'+i计算出来的,所以必须使用window['a_'+i]形式赋值。

window是一个对象,对象的属性可以通过(.)点操作符和([])中括号进行获取,但是对于变量作为属性名,只能通过中括号的方式得到对象的属性

访问属性的方式有两种

  1. 点的形式 obj.prop

  2. 方括号得形式 obj['prop']

常用为第一种,当需要动态创建属性时则使用第二种

obj['a'+'b'] === obj.ab
=> true

当你在全局作用域下创建变量这个变量其实是window对象的属性

var go = 1;

go === window.go

在浏览器环境下,window是全局对象,在node.js环境下,global是全局对象,window['a'+1] = i 是把,a_1, ...,a_99 作为window对象的属性进行赋值,所以能赋值成功,而且,访问 a_1 和 window.a_1 是一样的https://developer.mozilla.org/zh-CN/docs/Web/API/Window

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏