JS中的预解释

627 字

3 分钟

JS中的预解释

2017-04-29

预解释的基础知识#

例子:

1
console.log(d);//-->function d(){};
2
d=1;//-->d=1
3
s=d;//-->s=1
4
function d(){//-->xxxfff000
5

6
}
7
d();//-->d is not a function

1.预解释:

是一个过程，作用域形成之后，代码执行之前，把所有带var关键字和function提前声明或定义。
2.作用域：
1. 全局作用域：window下，一打开浏览器就会形成。
2. 私有作用域：一个函数就是一个私有作用域，函数一执行就会形成私有作用域。
3.声明:

告诉浏览器这里有个变量，var关键字的只有声明。
4.定义:

赋值过程，在预解释的时候function即声明还定义。

5.注意:

预解释的时候遇到变量已经声明过了就不用声明了，但是需要重新定义,例如:

1
//变量只声明未定义就是undefined
2
console.log(obj1);//-->undefined
3
var obj1={name:"111"};
4
console.log(fn);
5
function fn() {}
6
// 1. 全局作用形成
7
// 2. 全局作用域下的预解释：var obj1，function fn=xxxfff000
8
// 3. 代码执行：
9
    // 1.console.log(obj1);-->undefined
10
    // 2.obj1=xxxfff111
11
    // 3. console.log(fn);-->function fn() {}

预解释的几种特殊情况#

注意: 全局作用域下的变量就是window的一个属性

1.`=`右边函数不进行预解释#

函数作为值的时候,绑定事件的时候,不进行预解释,如下：

1
var ff=function () {
2
    console.log(1);
3
};

2.`return`后面的代码不执行但是需要预解释#

return出的内容执行但是不进行预解释:

1
function fn() {
2
    var a=0;
3
    console.log(f);//function f(){}
4
    return function () {
5
        console.log(1);
6
        return 1
7
    };
8
    function f() {}
9
}
10
var d=fn();
11
console.log(d());
12
fn()();

3.在条件语句中#

不管条件是否成立都进行预解释

1
    console.log(num);
2
    if (0){
3
        //虽然条件不成立 但是需要预解释
4
        var num=0
5
    }
6
    ss=0;//->window.ss=0
7
    console.log("ss" in window);

条件中有函数function

在条件中的var和function只声明不定义，声明的时候当遇到变量已经被声明了，就会报错。

1
if('a' in window){
2
var a=1;
3
function(){};//-->'a' has already been declared
4
}

条件一旦成立，首先给函数赋值

1
    console.log(a);
2
    if ("a" in window){
3
        console.log(a);
4
        a=1;
5
        function a() {}
6
        console.log(a);
7
    }
8
    //预解释：function a  -->就相当于给window增加一个“a”属性
9
    //"a" in window 就是true
10
    //条件成立第一步先给function a赋值=xxxfff000
11
    //代码执行：console.log(a);xxxfff000->function a() {}
12
    // a=1,重新给a赋值

4.自执行函数不进行预解释#

1
//console.log(sss)
2
;(function  sss() {
3
    console.log("a")
4
})();

5.函数作为参数的时候不进行预解释#

1
[1,2,3].sort(function(a,b){
2
return a-b;
3
});

6.预解释的时候遇到已经声明过得变量不需要声明了，但是需要定义#

1
var s1=1;
2
function s1() {//s1=xxxfff000
3
    console.log("s1")
4
}
5
function s1() {//s1=xxxfff111
6
    console.log("s11")
7
}
8
console.log(s1);

支持与分享

如果这篇文章对你有帮助，欢迎分享给更多人或打赏支持！

打赏

JS中的预解释

https://gaodaxiu-blog.netlify.app/posts/JS中的预解释/

作者

GaoDaXiu

发布于

2017-04-29

许可协议

CC BY-NC-SA 4.0

JS中的作用域

自定义属性和引用数据类型的赋值

音乐

音乐

预解释的基础知识#

预解释的几种特殊情况#

1.`=`右边函数不进行预解释#

2.`return`后面的代码不执行但是需要预解释#

3.在条件语句中#

4.自执行函数不进行预解释#

5.函数作为参数的时候不进行预解释#

6.预解释的时候遇到已经声明过得变量不需要声明了，但是需要定义#

支持与分享

音乐

预解释的基础知识#

预解释的几种特殊情况#

1.=右边函数不进行预解释#

2.return后面的代码不执行但是需要预解释#

3.在条件语句中#

4.自执行函数 不进行预解释#

5.函数作为参数的时候不进行预解释#

6.预解释的时候遇到已经声明过得变量不需要声明了，但是需要定义#

支持与分享

1.`=`右边函数不进行预解释#

2.`return`后面的代码不执行但是需要预解释#

4.自执行函数不进行预解释#