JS中的作用域以及全局变量的问题
来源:互联网 发布:深圳网络安全工程师 编辑:程序博客网 时间:2024/05/19 22:55
1、全局变量:函数外声明的变量,称为全部变量
局部变量:函数内部使用var声明的变量,称为局部变量
在JS中,只有函数作用域,没有块级作用域!!!也就是说,if/for等有{}的结构体,并不能具备自己的作用域。
所以,函数外部不能访问函数内部局部变量(私有属性)。因为,函数内部的变量,在函数执行完毕以后,就会被释放掉
2、使用闭包,可以访问函数的私有变量!
JS中,提供了一种“闭包”的概念:在函数内部,定义一个子函数,子函数可以访问父函数的私有便利。可以在子函数中进行操作,最后将子函数通过return返回
function func1(){
var num = 1;
function func2(){
return num;
}
return func2;
}
var num = func1()();
console.log(num);
3、闭包的作用:
①可以在函数外部访问函数的私有变量
②让函数内部的变量可以始终存在于内存中,不会再函数调用完成后立即释放。
function func1(){
var num = 1;
function func2(){
return num;
}
return func2;
}
var num = func1()();
console.log(num);
结果为1
二、 全局变量的问题【错误原因!!】
代码从上自下,执行完毕后,li的onclick还没有触发,for循环已经转完!
而for循环没有自己的作用域!所以循环5次,用的是同一个全局变量i!也就是在for循环转完后,这个全局变量已经变成了5,那么在怎点li,点第几个都会是5成都阴茎延长增大哪家医院好
var lis = document.getElementsByTagName("li");
for(var i=0; i<lis.length;i++){< p="">
lis[i].onclick = function(){
alert(i);
}
}
有三种办法解决上述问题:
1、【使用闭包解决上述问题】
解决关键:函数具有自己的作用域!!在for循环转一次,创建一个自执行函数。在美国自执行函数中,都有自己独立的i,而不会被释放掉。包皮系带疼痛、出血、粘连怎么办
所以for循环转完以后,创建的5个自执行函数的作用域中,分别储存了5个不同的i变量,也就解决了问题
var lis = document.getElementsByTagName("li");
for(var i=0; i<lis.length;i++){< p="">
!function(i){
lis[i].onclick = function(){
alert(i);
}
}(i);
}
2、【使用let解决】
解决原理:let具有自己的块级作用域,所以for循环转一次,创建一个块级作用域,思路与闭包相同
var lis = document.getElementsByTagName("li");
for(let i=0; i<lis.length;i++){< p="">
lis[i].onclick = function(){
alert(i);
}
}
3、【使用this解决】
解决原理:出错的原则在于全局变量i在多次循环后被污染。那么在点击事件中,就可以不使用i变量,而用this代替lis[i],成都男性患有阳痿不治疗结果会怎样?
var lis = document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){< p="">
lis[i].onclick = function(){
console.log(this)
}
}
- JS中的作用域以及全局变量的问题
- 关于js中的作用域和作用域链以及常见的问题和结果方法
- JS的作用域、闭包原理以及性能问题
- js变量声明以及作用域的问题
- JS中的作用域以及函数
- js全局变量和局部变量的作用域分析
- js中的全局变量的使用
- js 作用域 .局部变量,全局变量
- js中全局变量的问题
- JS作用域的问题
- js作用域的问题
- 减少全局变量的作用域
- js 全局变量、局部变量的作用域;变量声明提前;无块级作用域
- JS中setTimeout的作用域以及this的指向问题
- 关于对javascript的局部变量以及全局变量作用域的追踪
- JS this作用域以及GET传输值过长的问题
- 全局变量和局部变量以及&的问题
- js中的作用域
- POJ-1195 Mobile phones (二维树状数组 单点修改 区块查询)
- 【翻译】SSD: Single Shot MultiBoxDetector
- 谷歌开源图像分类工具TF-Slim,定义TensorFlow复杂模型
- shell 多个程序 log 的备份(一)
- Qt 5.9安装及配置环境变量的注意事项
- JS中的作用域以及全局变量的问题
- GoogleNet inception-v4概述及python实现方法
- CSS块级元素和行内元素
- node.js升级造成gulp无法使用的解决问题
- hadoop DirectoryScanner
- 基于Visual C++之实现Windows用户管理
- Android组件化初识
- TabLayout让文字平铺以及改变字体大小
- android事件传递全解析