代码之家 › 专栏 › 技术社区 › Shan-Desai askovpen

解析typescript的另一个私有方法中函数内的私有方法调用的范围

typescript angular

Shan-Desai askovpen · 技术社区 · 7 年前

框架: 角度5.x

结构如下:

ngAfterViewInit() {
   // ... Some svg rendering code
   function dblclick(d) {
       d3.select(this).select('circle').transition()
         .duration(1000)
         .attr('r', 14);

       this.makeJsonBackEnd(d); // in the browser console this is not a function error
   }
}

makeJsonBackEnd(node) {
 // extract info from d3 node to make a JSON for backend
}

我想是因为 function 在 ngAfterViewInit() 组件类的作用域混乱,并且 this 无法识别。

我怎么打电话 makeJsonBackEnd() 在 dblclick() ?

我试着做 dblclick 类的私有方法,但 这 内部呼叫 d3.select(this) 不会被认出来的

2 回复 | 直到 7 年前

Maryannah 7 年前

使用闭包。

ngAfterViewInit() {
   const self = this;
   // ... Some svg rendering code
   function dblclick(d) {
       d3.select(this).select('circle').transition()
         .duration(1000)
         .attr('r', 14);

       self.makeJsonBackEnd(d); // in the browser console this is not a function error
   }
}

makeJsonBackEnd(node) {
 // extract info from d3 node to make a JSON for backend
}

ngChaitanya 7 年前

您可以尝试将dblclick方法转换为如下箭头函数

dblclick = d => { .... };

或者传统的将这个范围保持在局部var中的方法。 let me = this ,并使用 me.makeJsonBackEnd(d) 如下所示

ngAfterViewInit() {
    let me = this;
    function dblclick(d) {
        ...
        me.makeJsonBackEnd(d)
        ...
    }
 }

推荐文章

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Zoddo · 属性在明确定义时可能为“未定义”

5 月前

Abdulkerim Awad · 带有泛型的Typescript函数重载无法按预期工作

5 月前

Sanitysign · 为什么{}类型可分配给对象类型?

5 月前

IvonaK · 使用Vite和React在Tauri应用程序中集成shadcn/ui和Tailwind CSS v4

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前

Xunnamius · 为什么TypeScript在有条件地推断数组末尾的可选元素时遇到困难?

5 月前

njord · 基于函数的Typescript返回类型

5 月前