【本文出处: 】
在编写simJQ框架时发现我可能一直在犯的错误,var命令心情好的时候就加在变量前面,心情不好赶时间就直接省略了●﹏●
如果HTML调用的框架函数中有全局变量,那么很容易造成混乱。
注意:函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!
有两点:
1、最好进行var命令声明
2、全局变量就不用在老长的js代码的最前面声明啦,随用随地声明~
此外,看下面这段代码的运行
function var_test(i){ i=1; i++; j++; k=1; var l=2; console.log('fun_i:'+i); console.log('fun_j:'+j); } i=4; j=5; var_test(i); console.log('page_i:'+i); console.log('page_j:'+j); console.log('page_k:'+k); console.log('page_l:'+l);
运行结果:
fun_i:2index.html:448 fun_j:6index.html:453 page_i:4index.html:454 page_j:6index.html:455 page_k:1index.html:456 Uncaught ReferenceError: l is not defined从中可以看出:
1、函数中参数有与全局变量名字相同的名字(或全局变量当作虚参)时,对此变量的操作不影响全局变量
2、在函数中不带var命令声明的全局变量,在HTML页面中仍旧有效
3、函数中对HTML页面全局变量的操作,在HTML页面中仍旧有效
4、在函数中带var命令声明的为局部变量,在HTML页面中无效