Svelte onMount中Segment异步identify无请求问题及上下文解析

问题情况 #

在Svelte组件的onMount异步生命周期函数中调用Segment的analytics.identify方法时，方法确实执行了，但始终没有向Segment发送HTTP请求——哪怕用await等待调用结果也没用。但只要把调用移到onMount外面，或者用同步的onMount回调，请求就能正常发送。之前用RXJS订阅时也遇到过类似问题。

无效代码示例 #

// 执行但永不触发请求
onMount(async ()=>{
        analytics.identify(user_id, {data: 'lorem ipsum'});
})

// 用await等待也无效
onMount(async ()=>{
        await analytics.identify(user_id, {data: 'lorem ipsum'});
})

有效代码示例 #

// 在onMount外调用，请求正常
analytics.identify(user_id, {data: 'lorem ipsum'});
onMount(async ()=>{
        
})

// 同步的onMount回调中调用，请求正常
onMount(()=>{
    analytics.identify(user_id, {data: 'lorem ipsum'});      
})

补充：已经确认analytics.identify确实被执行（比如给analytics加自定义方法能打印日志），但就是不发请求，移到onMount外就一切正常。

可行解决方案 #

直接通过window.analytics调用方法，不要用提前存入变量或通过getContext传递的analytics引用：

onMount(async ()=>{
       // 直接从window获取并调用
        window.analytics.identify(user_id, {data: 'lorem ipsum'});
})

原理说明 #

这个问题的核心是JavaScript的this绑定和Segment SDK的内部实现逻辑：

• Segment的SDK加载后，window.analytics上的方法（比如identify）内部依赖this指向window.analytics本身，才能访问内部的配置、请求队列等资源，完成请求发送。
• 当你把window.analytics赋值给一个变量（比如const analytics = window.analytics），或者通过getContext传递这个引用时，在异步函数（比如onMount的async回调）中调用该变量的方法，this的指向会偏离预期：默认情况下，异步函数里的普通方法调用，this会指向全局对象（浏览器里是window），但如果Segment的方法内部启用了严格模式，this会变成undefined，导致后续依赖this的逻辑全部失效，自然发不出请求。
• 直接调用window.analytics.identify()时，方法的this会明确绑定到window.analytics对象，完全符合SDK内部的预期，所以能正常触发请求。
• 同步onMount回调有效的原因：同步场景下，执行时机更早，this的绑定还没因为异步上下文的变化而丢失，或者Segment的方法在同步调用时有特殊的绑定处理，所以暂时没暴露问题。

内容的提问来源于stack exchange，提问作者Yumpkin