js闭包引起的事件注册问题

背景:闲暇时间看了几篇关于js作用域链与闭包的文章,偶然又看到了之前遇到的一个问题,就是在for循环中为dom节点注册事件驱动,具体见下面代码: <!DOCTYPE html> <html> <head> <title>js闭包</title> <meta charset="utf-8" /> </head> <body> <button id="anchor1"&…

闭包js函数的嵌套定义,定义在内部的函数就称之为闭包为什么使用闭包: 1.一个函数要使用另一个函数的局部变量 2.闭包会持久化包裹自身的函数的局部变量 3.解决循环绑定 function outer() { var num =10; function inner() { //1.在inner函数中,使用了outer的局部变量num return num; } return inner; } var innerFn = outer(); //2.借助闭包,将局部变量num的声明周期提升了 var…

Node.js 教程 05 - EventEmitter(事件监听/发射器 )

目录: 前言 Node.js事件驱动介绍 Node.js事件注册并发射自定义Node.js事件 EventEmitter介绍 EventEmitter常用的API error事件继承EventEmitter 前言: 今天事儿太多了,没有发太多的东西.不好意思了各位. 本篇主要介绍Node.js中的事件驱动,至于Node.js事件概念的东西,太多了. 本系列课程主要抱着的理念就是,让大家慢慢的入门,我也尽量写的简单一点. 所以呢,本文事件驱动,大家的目标应该是:理解Node.js的事件驱动.会…

js中鼠标滚轮事件详解

js中鼠标滚轮事件详解 (以下内容部分内容参考了http://adomas.org/javascript-mouse-wheel/ ) 之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制,滚轮事件其中考虑浏览器兼容性问题附加事件其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事件. /*IE注册事件*/ if(document.attachEvent){ document.attachEvent('onmousew…

js闭包和ie内存泄露原理

也议 js闭包和ie内存泄露原理可以, 但小心使用. 闭包也许是 JS 中最有用的特性了. 有一份比较好的介绍闭包原理的文档. 有一点需要牢记, 闭包保留了一个指向它封闭作用域的指针, 所以, 在给 DOM 元素附加闭包时, 很可能会产生循环引用, 进一步导致内存泄漏. 比如下面的代码: function foo(element, a, b) { element.onclick = function() { /* uses a and b */ }; } 这里, 即使没有使用 element,…

JavaScript利用闭包循环绑定事件

我们经常在做前端面试题的时候,会遇到循环绑定事件后,输出打印结果,很多人总是搞不清楚,今天借此机会跟大家梳理一下闭包相关作用. 1.首先我们举一个简单的例子. html部分: <a href="#">首页</a> <a href="#">作品</a> <a href="#">文章</a> <a href="#">工具</a> <…

[JavaScript] JavaScript事件注册,事件委托,冒泡,捕获,事件流

面试题 event 事件事件委托是什么? 如何阻止事件冒泡,阻止默认事件呢? Javascript 的事件流模型都有什么? 事件绑定和普通事件有什么区别? Event 对象 Event 对象,当事件发生的时候出发某个函数,该 Event 对象将自动在函数内可用,该对象包含了很多事件触发时候的信息, 但 IE 却没有这么实现,而是自己实现的,IE 浏览器是通过全局对象 window 下的 event 属性来包含这些信息 function myEventHandler(e) { // 注意参数e…

关于js闭包之小问题大错误

闭包是 JavaScript 开发的一个关键方面:匿名函数可以访问父级作用域的变量. 如果闭包的作用域中保存着一个 HTML 元素,则该元素无法被销毁.(下面代码来自高程) 刚看到一个关于闭包自己没注意到的地方, function assgin() { var ele = document.getElementById('someEle'); ele.onclick = function(){ alert(ele.id); } } 以上代码创建了一个作为 ele 元素事件处理程序的闭包,而这个闭…

js调用.net后台事件，和后台调用前台等方法总结(转帖)

js调用.net后台事件,和后台调用前台等方法总结原文来自:http://hi.baidu.com/xiaowei0705/blog/item/4d56163f5e4bf616bba16725.html 1. javaScript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getElementByIdx("btn1").click(); 3.在前台或后台调用js…

Node.js实战(九)之事件循环

Node.js 是单进程单线程应用程序,但是因为 V8 引擎提供的异步执行回调接口,通过这些接口可以处理大量的并发,所以性能非常高. Node.js 几乎每一个 API 都是支持回调函数的. Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现. Node.js 单线程类似进入一个while(true)的事件循环,直到没有事件观察者退出,每个异步事件都生成一个事件观察者,如果有事件发生就调用该回调函数. 事件驱动程序 Node.js 使用事件驱动模型,当web server接收到请…

js闭包之我见

很久前的一个问题终于得以解决,内心是无比喜悦的,不多说,先上代码: function test(){ for(var i=0;i<5;i++){ window.onclick=function(){ alert(i); } } } 8 test() 原意是点击第一下弹出i的值0,点击第二下弹出i的值1,一直到第五次点击弹出4.想象是美好的,现实却不按常规出牌,无论点击多少次,alert出来的值都是5.后来接触了js闭包,才知道原来是它搞的鬼.看了不少相关书籍和博客后,发现其实它也没有想象得那么难…

jQuery 事件注册

重点事件注册.on() <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hue { background-color: #0ff; } </style> </head> <body> <input t…

JS ready和onload事件比较分析

页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件); 二是onload,指示页面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 故理解: 一般样式控制的,比如图片大小控制放在onload 里面加载; 而:jS事件触发的方法,可以在ready 里面加载; 用jQ的人很多人都是这么开始写脚本的: $(function(){ // do something });其实这个就是j…

Node js 安装+回调函数+事件

/* 从网站 https://nodejs.org/zh-cn/ 下载这里用的 9.4.0 版本下载完安装安装目录是 D:\ApacheServer\node 一路默认安装安装后打开cmd命令行输入 path 在显示的结果中查找是否有 D:\ApacheServer\node\ 有的话表示环境变量中已经包含了 D:\ApacheServer\node\ 可以在cmd中直接使用 node 这个命令如在当前命令行中输入 node --version 显示 v9.4.0 当前nodejs的版…

js 动态加载事件的几种方法总结

本篇文章主要是对js 动态加载事件的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添加事件,这就涉及到浏览器兼容性问题了,以下谈及的几种方法,我们也常常混合使用. 方法一.setAttributevar obj = document.getElementById("obj");obj.setAttribute("onclick", "java…

JS闭包的理解及常见应用场景

JS闭包的理解及常见应用场景一.总结一句话总结: 闭包是指有权访问另一个函数作用域中的变量的函数 1.如何从外部读取函数内部的变量,为什么? 闭包:f2可以读取f1中的变量,只要把f2作为返回值,就可以在f1外读取f1内部变原因:f1是f2的父函数,f2被赋给了一个全局变量,f2始终存在内存中,f2的存在依赖f1,因此f1也始终存在内存中,不会在调用结束后,被垃圾回收机制回收. function f1(){ var n = 123; function f2(){ //f2是一个闭包 ale…

JQuery触发hover事件无效时使用js原生的触发事件方法

需求:在开发一个从微信公众号后台管理网页上爬取数据的chrome插件时,有部分页面元素是只显示了部分摘要信息的,需要把鼠标移上去后才能显示全部信息(类似title的弹出显示).这就需要在chrome插件中实现触发该元素的hover事件(或者mouseenter事件),让全部信息显示再从弹窗中获取数据.(由于开发时的环境需要客户提供微信公众号的后台账号等环境,这事儿过去一段时间了,无法再演示一遍) 环境:chrome浏览器问题:使用常见的jQuery触发事件方法无法成功触发事件并弹出窗口,现象表…

node.js绑定监听事件EventEmitter类

Node.js 有多个内置的事件,我们可以通过引入 events 模块,并通过实例化 EventEmitter 类来绑定和监听事件,如下: // 引入 events 模块 var events = require('events'); // 创建 eventEmitter 对象 var eventEmitter = new events.EventEmitter(); //或者如下 var EventEmitter = require('events').EventEmitter; var ev…