【问题标题】:Best practice for Angular 2 in TypeScriptTypeScript 中 Angular 2 的最佳实践
【发布时间】:2016-05-26 14:16:40
【问题描述】:

我正在尝试用 Angular 2 打字稿重写我的应用程序,并希望使用最佳实践。我找到了以下guide,但它没有回答我非常基本的问题。这里有两个问题:

  1. 在组件中,可以在函数内声明局部变量还是应该将其声明为私有,就在构造函数的上方?
  2. 我应该如何在嵌套函数中调用变量?例如:

    replicator(){// return observable}
    myFunction(){// Nested function to be called}
    
    ngOnInit() {
        this.replicator().subscribe(function (data) {
            // Call function here
        }
    }
    

    我是否应该通过以下方式调用我的函数:let self = thisthis.replicator() 之前,然后调用 self.myFunction()?或者有更好的方法吗?

PS 如果您有好的最佳实践指南,请将其作为评论发布!

【问题讨论】:

    标签: typescript angular


    【解决方案1】:

    我应该如何在嵌套函数中调用变量

    使用箭头函数 (more)。

    ngOnInit() {
        this.replicator().subscribe((data) => {
            // Call function here
            this.somefunction
        }
    }
    

    可以在函数内部声明一个局部变量,还是应该将其声明为私有,就在构造函数的正上方

    两者都很好。本地(如果它只是函数的本地)或private(如果其他函数可能需要它)?

    【讨论】:

    • 谢谢!还有一件事,你如何声明局部变量? myVar: string;let myVar;
    • let myVar:string 或者更好的const myVar = "some stringt" 如果您预先知道价值并且不希望它改变?
    • 总是在顶部声明你的变量,键入它们并初始化它们,这也是一个很好的 JavaScript 实践,因为你避免了未定义的值(在调试时没有帮助);通常,它看起来像这样:let myVar: string = ''。空值不会帮助您连接。
    猜你喜欢
    • 1970-01-01
    • 2016-11-26
    • 1970-01-01
    • 1970-01-01
    • 2018-12-06
    • 2018-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多