Calling async arrow function which is in a class's member function will cause error

• Component: JavaScriptCore
• Status: RESOLVED FIXED

[Shuan Zhao]

The test code is as follows. When I run the code, I got the error “Can't find private variable: @derivedConstructor”.

function doSomething(callback) {
    callback();
}

class Test {
    testFunc() {
        doSomething(async () => {
            console.log("testFunc");
            await sleep(2);
            console.log("testFunc end");
        });
    }
}

let test = new Test();
test.testFunc();

[GSkachkov]

I think root of the issue because property @derivedConstructor is not put to the virtual scope in testFunc. When we implemented simple arrow function we check if we super used inside and do put derivedConstructor to the virtual scope, before it it used within arrow function. 
So I think solution is adding additional check (generator.isSuperUsedInInnerArrowFunction()) in this line https://github.com/WebKit/webkit/blob/master/Source/JavaScriptCore/bytecompiler/NodesCodegen.cpp#L3505 
If I'll try to prepare fix, but it will be later today.

[GSkachkov]

Created attachment 298461 [details]
Patch

Fix for the issue

[WebKit Commit Bot]

Comment on attachment 298461 [details]
Patch

Clearing flags on attachment: 298461

Committed r210558: <http://trac.webkit.org/changeset/210558>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.

[Shuan Zhao]

I see this issue is solved, but there's another problem. I have updated the test code:

function runSomething(callback) {
	callback();
}

class Test {
	testFunc() {
		this.prop = "123";
		runSomething(async () => {
			console.log("callback " + this.prop); // It's ok here
			await sleep(2);
			console.log("callback end " + this.prop); // TypeError: undefined is not an object (evaluating 'this.prop')
		});
	}
}

let t = new Test();
t.testFunc();

Is it another bug? The code above is ok with V8.

[GSkachkov]

(In reply to comment #5)
> I see this issue is solved, but there's another problem. I have updated the
> test code:
> 
> function runSomething(callback) {
> 	callback();
> }
> 
> class Test {
> 	testFunc() {
> 		this.prop = "123";
> 		runSomething(async () => {
> 			console.log("callback " + this.prop); // It's ok here
> 			await sleep(2);
> 			console.log("callback end " + this.prop); // TypeError: undefined is not
> an object (evaluating 'this.prop')
> 		});
> 	}
> }
> 
> let t = new Test();
> t.testFunc();
> 
> Is it another bug? The code above is ok with V8.

Yeah, unfortunately it is another bug. Async arrow function 'lost' _this_, by some reason, during restore state after await.

[JingAn Chen]

This bug is confirmed fixed in Safari Tech Preview as on May 21st, 2017. However, the current Safari macOS/iOS (10.1.1/10.3.2) still has it. Is there an ETA for the fix to be landed on normal Safari? In other words, how often does the push happens from Safari Tech Preview to Safari? Thanks!

[Saam Barati]

(In reply to JingAn Chen from comment #7)
> This bug is confirmed fixed in Safari Tech Preview as on May 21st, 2017.
> However, the current Safari macOS/iOS (10.1.1/10.3.2) still has it. Is there
> an ETA for the fix to be landed on normal Safari? In other words, how often
> does the push happens from Safari Tech Preview to Safari? Thanks!

This is the WebKit bug tracker. We don't comment on Safari release plans here.