JS-变量作用域的判断

工作中有时候会遇到函数中的参数不知道属于哪个，有两种情况下容易弄混

1.函数带参数，传入的参数的来源判断

2.函数不带参数，函数体内的参数的来源判断（特别注意）

情况1：

如果函数带参数，则在调用该函数时，就可以知道该参数是来自哪里，从调用时的执行上下文环境中判断参数来源，如下代码

        let x = 100;
        let fn = function (x) {
            console.log(x);
        }
        let fn1 = function(){
            // let x = 200;//如果打开此注释，则x为200，因为函数在这里调用的，则x在该作用域取的
            fn(x);//fn1调用fn,此时的x为 全局的x = 100
        }
        fn1();

情况2：

如果函数未带参数，则里面未在传入参数内的参数（不在括号中的），取的值在创建该函数的执行上下文环境决定（不随调用环境改变）

let x = 100;
let fn = function (y) {
    console.log(x);
    console.log(y);
}
let fn1 = function () {
    let x = 200;
    let y = 200;
    fn(y);//100，200,虽然执行这条函数之前定义了x = 200,但是当函数没参数的时候，里面的变量使用的执行上下文环境是创建该函数的环境（不随调用改变）
}
fn1();

总结：

1.如果在函数传入参数内的参数，则该参数以传进来的参数为准，在调用该函数时的上下文执行环境判断的参数来源

2.如果不在函数传入参数内的参数，则取的值在创建该函数的执行上下文环境决定（不随调用环境改变）