javascript - js匿名函数作用域问题-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - js匿名函数作用域问题

巴扎黑 2017-04-10 17:27:20

[JavaScript讨论组]

1037

问题已经解决，属于个例问题；不具有普遍参考性
代码如下：

(function(){
    var loginForm = document.forms.loginForm;
    var login_inputs = loginForm.getElementsByTagName('input');
    ...
    login_inputs .forEach(function(item,index,array){});
})()

代码中报错：
login_inputs is not defined
login_inputs .forEach is not a function

loginForm测试正常
开发工具sublime

巴扎黑

全部回复(6)

天蓬老师2017-04-10 17:29:20 6楼

(function(){
    var login_inputs = loginForm.getElementsByTagName('input');
    ...
    login_inputs.forEach(function(item,index,array){});
})()

以上代码再执行前
如果loginForm未定义过，报 ReferenceError: Can't find variable: loginForm
如果loginForm定义过并且是一个DOM元素，那么login_inputs为一个NodeList对象，这个对象没有forEach方法的，所以会报forEach is not a function
想要使用Array的forEach方法，使用函数的call/apply方法

Array.prototype.forEach.call(login_inputs, function( item,index,array ){
  console.log(item);
});

赞 +0

添加回复

天蓬老师2017-04-10 17:29:20 5楼

一般来说，xxx is not defined会出现在变量未声明之前就使用的场景。

但是，重点来了，单看题主的这段代码却永远不可能出现login_inputs is not defined，因为最开始的地方已经用了var进行声明……

var login_inputs = loginForm.getElementsByTagName('input');

所以，应该是其他地方错了吧

赞 +0

添加回复

高洛峰2017-04-10 17:29:20 4楼

你在chrome按F12调试一下看看，在声明login_inputs这后面先console一下看看这个得到的是什么东西，然后console.log(typeof X)看看它的类型是不是数组，你下面用到了遍历数组，然后你在你js中打断点调试下看看，你发了两句代码，具体哪里问题，我也说不准，不过首先，我一般声明数组的话，会var a = new array(); 这样写，看看是不是这个的问题

赞 +0

添加回复

ringa_lee2017-04-10 17:29:20 3楼

你这里要用闭包，就访问不到loginForm了。

应该这样写：

(function(loginForm){
    var login_inputs = loginForm.getElementsByTagName('input');
    ...
    login_inputs .forEach(function(item,index,array){});
})(loginForm)

赞 +0

添加回复