【JavaScript】作用域&变量提升&闭包的代码输出题总结

AQ14_

已于 2022-05-24 20:53:08 修改

阅读量341

点赞数

分类专栏： JS 文章标签： javascript 前端开发语言

于 2022-05-03 15:14:25 首次发布

本文链接：https://blog.csdn.net/qq_41863447/article/details/124527536

版权

JS 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

1.

(function(){
   var x = y = 1;
})();
var z;

console.log(y); // 1
console.log(z); // undefined
console.log(x); // Uncaught ReferenceError: x is not defined

var在匿名函数中声明不是在全局作用域声明，不会挂载在window对象上
而var x = y = 1从右往左执行，首先 y = 1，因为y没有使用var声明，所以它是一个全局变量，然后第二步是将y赋值给x，讲一个全局变量赋值给了一个局部变量

2. 调用函数的时候传入的实参比函数声明时指定的形参个数要少，剩下的形参都将设置为undefined值

关于闭包

function fun(n, o) {
  console.log(o)
  return {
    fun: function(m){
      return fun(m, n);
    }
  };
}
var a = fun(0);  a.fun(1);  a.fun(2);  a.fun(3);
var b = fun(0).fun(1).fun(2).fun(3);
var c = fun(0).fun(1);  c.fun(2);  c.fun(3);

输出结果：

undefined  0  0  0
undefined  0  1  2
undefined  0  1  1

a就是是fun(0)返回的那个对象，也就是说，函数fun中参数 n 的值是0，而返回的那个对象中，需要一个参数n，而这个对象的作用域中没有n，它就继续沿着作用域向上一级的作用域中寻找n，最后在函数fun中找到了n，n的值是0
这题CVTE笔试有遇到过

function func(n,o){
    console.log(n+o);
    return {
        func:function(m){
            return func(m,n)
        }
    }
}
func(1).func(2).func(3).func(4)
NaN
3
5
7

CVTE 原型链

function A() {
    this.value = 456;
    this.getValue = function () {
        console.log(this.value);
    }
}
function B(value) {
    if (value) { this.value = value; }
}
const a = new A();
const a2 = new A();
B.prototype = a2;
const b = new B(789);
const b2 = new B();
a2.value = 123;
a.getValue();
a2.getValue();
b.getValue();
b2.getValue();
//
456
123
789
123

CVTE 作用域

var ctx = { _val: 30 };
var _val = 10;
function rootFn() {
    console.log(this._val);
    function childFn() {
        this._val = 20;
        console.log(this._val);
    }
    return childFn;
}
rootFn.apply(ctx)();
console.log(ctx._val);
30
20
30