js笔记二十七之预解释的特殊处理及上级作用域

预解释机制

in: “num” in window 判断num是否为window这个对象的一个属性, 是的话返回true, 不是的话返回false

var obj = {name:"lilei",age:18}
console.log("name" in obj) // -> true;
console.log("sex" in obj) // -> false
  1. 预解释的时候不管条件是否成立, 都要把带var的进行提前声明
    window的预解释: var num -> window.num;
if(!("num" in window)){
    var num = 12;
}
console.log(num) // -> undefined
  1. 预解释的时候只预解释 “=” 左边的,右边的是值, 不参与预解释
// 匿名函数之函数表达式: 把函数定义的部分当做一个值赋值给我们的变量/元素的某一个事件
var fn = function (){
    console.log("ok")
}

fn();
function fn(){
    console.log("ok")
}
fn();
  1. 自执行函数定义的那个function在全局作用域下不进行预解释,当代码执行到这个位置的时候定义和执行一起完成了;
    自执行函数: 定义和执行一起完成
(function(num){})(100);
~function(num){}(100);
-function(num){}(100);
+function(num){}(100);
!function(num){}(100);
  1. 函数体中return 下面的代码虽然不在执行了,但是需要进行预解释; return后面跟着的都是我们返回的值,所以不进行预解释
function fn(){
    console.log(num);  // -> undefined
    return function(){
        
    }
    var num = 100;
}
fn();
  1. 如果在预解释的时候,如果名字已经声明过了,不需要重新的声明,但需要重新的赋值;
    在js中如果变量名和函数名重复了,也算冲突了
    预解释: var fn; window.fn; fn = xxxfff000 window.fn = xxxfff000
var fn = 12;
function fn(){
    console.log("ok");
}

// 预解释: 
// 声明+定义
fn(); // -> 2
function fn(){console.log(1)};
fn(); // -> 2
var fn = 10;
fn(); // -> 10() error: fn is not a function
function fn(){console.log(2)};
fn();

查找上级作用域

var num = 12;
function fn(){
    var num = 120;
    return function(){
        console.log(num);
    }
}
var f = fn();
f(); // -> 120
~function () {
    f(); // -> 120
}();

如何查找当前作用域的上一级作用域?

  • 看当前函数是在哪个作用域下定义的,那么它的上级作用域就是谁 -> 和函数在哪执行的没有任何关系
    原文作者:uplyw
    原文地址: https://www.jianshu.com/p/e0d96b922837
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞