摩卡和这个上下文

Question

所以我有这个代码：

describe('main describe', function() {
    afterEach(function() {
      //this.prop === undefined
    });

    describe('sub', function() {
        it('should do something', function() {
            this.prop = 'test';
        });
    });
});

我不知道为什么main 中的this.prop afterEach 是undefined，因为以下代码按预期工作：

describe('main describe', function() {
    afterEach(function() {
      //this.prop === 'test'
    });

    it('should do something', function() {
        this.prop = 'test';
    });
});

为什么第一个代码不能像我一样工作，尽管 this.prop 应该等于 'test' 而不是 undefined？

this 关键字是否仅与它直接包含的 describe 函数相关联？

Answer 1

是的，每个describe 都有一个新的Context 对象。 （我提到的所有类都可以在 Mocha 的源代码中找到。）你可以得到你想要做的：

describe('main describe', function() {
    afterEach(function() {
        console.log(this.prop);
    });

    describe('sub', function() {
        it('should do something', function() {
            this.test.parent.ctx.prop = 'test';
        });
    });
});

this.test.parent.ctx.prop 行是关键。 this 是与 it 调用关联的 Context。 this.test 是与 it 调用关联的 Test 对象。 this.test.parent 是与立即包含 it 调用的 describe 调用关联的 Suite 对象。 this.test.parent.ctx 是describe 调用出现 的实际上下文，恰好与afterEach 调用中的this 相同。

我实际上建议不要遍历 Mocha 的内部结构，而是执行以下操作：

describe('main describe', function() {
    var prop;
    afterEach(function() {
        console.log(prop);
    });

    describe('sub', function() {
        it('should do something', function() {
            prop = 'test';
        });
    });
});