在写jq/js代码时,定义变量是最常用和最常见的操作了。但是变量的作用域是最坑的。特别是js中没有局部作用域这个说法,只有块作用域和函数作用域和全局作用域。
而最新的google浏览器出了一个新的变量类型:let。
必须在严格模式下:use strict,然后就可以使用let定义变量了。但是let的作用域小的“可怜”。
//举例来说:
$(document).ready(function(){
//这里使用变量i就是未定义
for(let i =0; i<10;i++)//只能在语句for()里面使用,括号里面使用
{
//这里使用变量i就是未定义
}
});
而块作用域和函数作用域就差不太多了。
只是块作用域是{}之间。而函数作用域就是函数内部。
{}中可能会包含函数,同样函数中也会有{}。
全局作用域就是在最外层定义的变量了。
$(document).ready(function(){
var all_data ; //此时all_data为全局作用域变量
function FUNC(var data)//data此时为函数/块作用域的变量
{
//随便用data和all_data
}
//外面使用data为未定义,但是可以用all_data
});
全局作用域与块作用域/函数作用域的转换:
这里理解为块作用域会好一些。
在块内部定义变量用var就会使变量为块作用域,在函数外使用就是未定义。但是不用var,直接定义变量,变量就会自动为全局变量,实现变量的作用域的扩大,给变量的使用带来方便。但是如果不小心在函数里定义变量时忘记了var就糟糕了。
还是觉得《you do not know js》书中说的好,定义变量最好用var或者let。规范是最好的!
$(document).ready(function(){
var data3;
function FUNC1(){
var data;
if(1==1)
{
data4;
}
data2;
}
//data为函数作用域变量,data2和data3,data4都为全局作用域变量。
});