手机版

详细解释JavaScript闭包、IIFE、apply、函数和对象

时间:2021-09-06 来源:互联网 编辑:宝哥软件园 浏览:

目录

结束

1.1、关闭相关问题

1.2.理解闭包

二、对象

2.1,对象常量(文字)

2.2,价值

2.3、枚举(遍历)

2.4、更新和添加

2.5、物体的原型

2.6,删除

2.7.包装

第三,功能

3.1、参数对象(参数)

3.2.构造器

3.3.函数调用

电话

3.3.2、应用

3.3.3、呼叫者

3.3.4、被叫方

3.5.立即执行函数表达式

3.5.1.匿名函数和匿名对象

3.5.2.函数和函数表达式

3.5.3.立即执行函数表达式和匿名对象

3.5.4.各种生活的写作

3.5.5.因素

3.5.6.添加分号

3.5.7.生活的角色

3.5.8.生命的变形

四.示例下载

结束

1.1、关闭相关问题

请在这一页上划10个格,并在每个格中写上字母a-j。当您单击每个div时,将显示索引号。例如,第一个div将显示0,第十个div将显示9。方法:查找所有div,用于循环绑定事件。

示例代码:

!doctype HTML HTML Head metachartset=' utf-8 ' title闭包/title style type=' text/CSS ' div { width : 100px;高度: 100像素;背景:浅绿色;向左浮动:margin: 20pxfont: 30px/100px '微软雅黑';文本对齐:中心;}/style/head body diva/div divb/div divc/div divd/div dive/div diff/div divg/div divh/div divi/div divj/div script type=' text/JavaScript ' var divs=document . getelementsbytagname(' div ');for(var I=0;idivs.lengthi ) { divs[i]。onclick=function(){ alert(I);} }/脚本/正文/html运行结果:

因为我在click event函数中使用的外部变量一直在变化,所以我们在指定click event的时候,没有保存I的副本,也是为了提高性能而做的,但是没有达到我们的目的。我们需要他执行的上下文来保存I的副本,这个机制就是闭包。

修改后的代码:

!doctype HTML HTML Head metachartset=' utf-8 ' title闭包/title style type=' text/CSS ' div { width : 100px;高度: 100像素;背景:浅绿色;向左浮动:margin: 20pxfont: 30px/100px '微软雅黑';文本对齐:中心;}/style/head body diva/div divb/div divc/div divd/div dive/div diff/div divg/div divh/div divi/div divj/div script type=' text/JavaScript ' var divs=document . getelementsbytagname(' div ');for(var I=0;idivs.lengthi ) { divs[i]。onclick=(function(n){ return function(){ alert(n);} })(I);}/脚本/正文/html运行结果:

n为外部函数的值,但需要使用内部函数(点击事件)。n在返回函数之前暂时存储在内存中用于点击事件。简单来说就是保存函数的执行上下文,我生成多个副本。

1.2.理解闭包

闭包概念:当一个内部函数被调用时,就会形成一个闭包。闭包是一个可以读取其他函数的内部变量,在函数内部定义一个函数,并创建一个闭包环境的函数,这样返回的子程序就可以掌握I,从而在后续执行的时候保持对这个I的引用。内部函数的生命周期比外部函数长。函数可以访问创建它的上下文。

java描述语言

版权声明:详细解释JavaScript闭包、IIFE、apply、函数和对象是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。