javascript变量和函数由一个很重要的特性是声明提升。声明提升是什么意思呢?即浏览器在解释js代码之前会有一个预读阶段,将由var声明的变量和函数提升到当前作用域的顶端。举个实际的例子:、
console.log(bbb); //function bbb() {console.log(aaa);}
console.log(aaa);//undefined
count = 0;
for (i = 0; i < 1000; i ++) {
count += i;
}
var aaa = 0;
bbb = 20;
function bbb() {
console.log(aaa);
}
console.log(bbb());//**报错**
为什么会出现这样的情况呢?这就是js在执行代码之前的预读阶段进行了声明提升,提升之后的代码实际上是:
function bbb() {
console.log(aaa);
}
var i, aaa;
console.log(bbb);
console.log(aaa);
count = 0;
for ( i= 0; i < 1000; i ++) {
count += i;
}
aaa= 0;
bbb = 20;
console.log(bbb());
代码变成了这样,是不是一目了然了。为什么函数在最前面,因为它是js中的一等公民,其他最多是人民。这就是我今天要讲的内容的基础,下面正式进入主题。
在很多时候,声明提升会有用,可是在很多时候会让程序看上去生涩难懂,特别是程序很长时就更是难以预料。解决方法有很多,主流的是采用命名空间和用var方式声明函数。看下面的代码:
var a = 1;
var b = 1;
var aaa = function() {
var a = b = 2;
}
aaa();
console.log(a);//1
console.log(b);//2
这里又是怎么回事呢?因为使用var a = b = 2;这种方式声明的变量,第一个由于有var所以是局部变量,第二个没有var所以是全局变量(是不是觉得太不机智了)。这里就引出了下一个问题,请看下面的代码:
var a = 1;
var b = 1;
var aaa = function() {
var a = b = function() {console.log(222);};
}
aaa();
console.log(a);//1
console.log(b);//function() {console.log(222);};
这个结果的确理所当然,可是总是觉得世界本来不该是这个样子,有没有?
2024 - 快车库 - 我的知识库 重庆启连科技有限公司 渝ICP备16002641号-10
企客连连 表单助手 企服开发 榜单123