一个函数字面量基础问题！

Question

var obj = {
    f1: function() {
        var p = new this.f2()
        Object.assign(this, p)
        console.log(1, this)
    },
    f2: function() {
        console.log(2, this)
        this.f3 = function() {
            console.log(3, this)
        }
    }
}

（上面是示例代码，实际代码是下面小程序的）
现在我在f2里面获取this是一个{imageLoaded: ƒ ()}，为什么不是指向obj的this，我要怎么做才可以把f3添加到obj，又能在f2中有指向obj的this?

Page({
    f1: function() {
        console.log(this) //{}
        
        this.imageLoaded = function() {}
    },
    f2: function() {
        const p = new this.f1()
        Object.assign(this, p)
    },
})

<image src="{{item}}" hidden bindload="imageLoaded"></image>

Answer 1

你想Page接收options做上下文 但是Page已经指定了上下文了。可不可以直接注册f3 来实现代码逻辑呢

Answer 2

示例代码没问题。
实际代码里的this就只能看缘分了，你指定的是一个{}的this，如果要和Page发生关系，那是Page具体实现的问题，一般来说，你上面f1，f2的所有this都是不对的。