关于js中的预解释

作者: 独立行走的蚂蚁 | 来源:发表于2018-04-17 13:38 被阅读31次

预解释:在当前的作用域中,js代码执行之前,浏览器首先会默认把所有的带var、let、const和function的进行提前的声明和定义。

1.对于带var和function关键字在预解释的时候是不一样
(1)var 在预解释的时候只是提前的声明
(2)function 在预解释的时候是提前声明和定义都完成了
预解释只发生在当前的作用域下,例如只对window下进行的预解释,只有函数执行的时候才会对函数进行预解释。

2.预解释的时候不管条件是否成立,都要把带var的进行提前的声明

// window的预解释:var num; window.num
if ( !('num' in window)) {   // 'num' in window  ->true
    var num = 12
}
console.log(num) // undefined

3.预解释的时候只解释 ‘=’左边的,右边的是值,不参与预解释

匿名函数之函数表达式:把函数定义的部分当做一个值赋值给我们的变量/元素的某一个事件

    fn()// 这时候执行fn()的时候回报错,因为预解释的时候var fn; 相当于是undefined()  所以fn这时候不是一个函数会报错
    var fn = function () {
        console.log(12)
    }

4.自执行函数定义的那个function 在全局作用域下是不进行预解释的,当代码执行到这个位置的时候定义和执行一起完成了
自执行函数:定义和执行一起完成

    (function (num) {})(100)
    +function (num){}(200)
    !function (num){}(300)

5.函数体中return 下面的代码虽然不执行了,但是还会进行预解释;return后面跟着的都是返回的值,所以不进行预解释

    function fn (){
        console.log(num)  //undefined  预解释:var num;
        return function () {} 
        var num = 12
    }
    fn ()

6.在预解释的时候,如果名字已经声明过了不需要重新声明,但是需要重新赋值在js中如果变量的名字和函数的名字重复了,也算冲突.

    fn()  // 20 
    function fn () { console.log(12) }
    fn() //20
    var fn = 10;  //  fn = 10
    fn()  // 报错 fn is not function
    function fn () { console.log(20) }
    fn()
/***
    window预解释
    声明+定义 fn = xfff1111  //是执行12的那个函数;
    声明 var fn;
     声明(因为已经有函数fn了,这时候就不重复声明了,只有赋值)+定义 fn = xfff222  // 是执行20的那个函数
    fn = xffff222
***/

相关文章

  • 关于js中的预解释

    预解释:在当前的作用域中,js代码执行之前,浏览器首先会默认把所有的带var、let、const和function...

  • js中的预解释

    1、预解释(变量提升):在当前的作用域下,js代码执行之前、浏览器首先会把所有带var和function关键字的进...

  • 高级JS

    高级JS 预解释 在JS中如果变量的名字和函数的名字重复了,也算冲突,在预解释中,如果名字已经声明过了,不需要在重...

  • js : 预解释

    为什么要学预解释? 不知道应该把函数或变量定义在哪里 不知道为何条件判断中写函数定义阶段,会执行错误的结果 同一段...

  • JS预解析

    JS解释器运行JS分为两步:预解析、代码执行 预解析 JS解释器会把JS里面所有的var和function提升到当...

  • js预解析(面试哦)

    js 代码通过 js 解释器(js 引擎) 来执行的 js 解释器 来执行js 代码分为两步: 首先预解析 再 ...

  • 说一说js中的“没节操”的预解释

    js预解释是代码执行之前就干了些事,有两类预解释,带var 和带function,具体看看 带var关键字预解释a...

  • * 预解释

    * 预解释 * 什么是预解释 * 关于预解释: 带var和带function不同 * 函数执行四阶段 * 作用域链...

  • js中的作用域与预解释

    在开始之前先写一下js中的数据类型. 基本数据类型 number, boolen ,string ,null, u...

  • JS预解释 & 作用域链

    浏览器加载HTML页面时,首先会提供一个供全局JS代码执行的环境称之为全局作用域全局作用域在后台用global 表...

网友评论

    本文标题:关于js中的预解释

    本文链接:https://www.haomeiwen.com/subject/xhwukftx.html