首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular5 / Typescript -当尝试在函数内调用时,函数在那里,但却消失了

Angular5是一种流行的前端开发框架,而Typescript是一种编程语言,它是JavaScript的超集,提供了静态类型检查和更强大的面向对象编程能力。

在Angular5中,当尝试在函数内调用函数时,函数在哪里但却消失了,可能是由于以下几个原因:

  1. 作用域问题:函数可能在其他作用域中定义,而在当前作用域中无法访问。可以通过确保函数在当前作用域中可见来解决此问题。
  2. 函数命名冲突:可能存在函数命名冲突,导致调用的函数被覆盖或隐藏。可以通过更改函数名称来解决此问题。
  3. 函数未正确导入:如果函数定义在其他文件中,可能未正确导入该文件或导入语句存在错误。可以通过确保正确导入函数所在的文件来解决此问题。
  4. 函数调用时传递的参数错误:函数可能需要特定的参数才能正确执行,如果传递的参数不正确,函数可能会出现异常或不执行。可以通过检查函数定义和调用之间的参数匹配来解决此问题。

总结起来,当在Angular5中尝试在函数内调用函数时,函数消失的原因可能是作用域问题、函数命名冲突、函数未正确导入或函数调用时传递的参数错误。需要仔细检查代码并解决相应的问题。

关于Angular5和Typescript的更多信息,您可以参考以下链接:

  • Angular5官方网站:https://angular.io/
  • Typescript官方网站:https://www.typescriptlang.org/
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular 5 快速入门与提高

一、概述 尽管被称为Angular5,实际上它只是这个诞生于2012年的前端框架的的第四个版本: ?...二、引入angular环境 Angular推荐使用TypeScript来开发应用,这要求使用一个在线 编译器(JIT)实时编译代码,或者开发期采用预编译器(AOT)提前编译代码。...组件提供很好的复用性,一堆组件的基础上,我们使用简单的胶水代码就可以实现相当 复杂的交互功能。...平台对象的bootstrapModule()方法用来启动指定的NG模块,启动的绝大部分 工作,在于利用JIT编译器编译NG模块和组件,这些编译工作都完成后,则根据启动模块的 bootstrap元信息,...如果不尝试了解从模板到视图对象这个过程究竟发生了什么,我相信你 始终会有一种失控的感觉。 另一方面原因在于,Angular是一个框架,它搭好了应用程序的架子,留了一些 空隙让开发者填充。

1.8K20
  • 解读移动端的跨平台开发:TypeScript + Angular

    StrictNullCheck可以防止整个流程中出现常见错误。 对于开发者来说我们很多时候需要一定的控制,TypeScript提供类型的转换和类型的断言。...TypeScript Type Definition 真正使TypeScript强大的还是要归根于类型定义文件。类型定义文件里有接口、函数定义等等。一般的前端构造里,浏览器和DOM有非常多的类型。...Google内部,一个工程师改了一行Angular代码的时候有成千上万的单元测试都会被运行。我们希望平台是一个稳定的平台,新出的版本不会破坏以前现有产品的开发。...Angular里面有一个非同步执行的context,它复写了所有非同步的函数和事件,每次结束的时候都需要在每个组件里做一个变化的检测。...Future:Smaller,Faster,Easier to Use Angular的下一代是Angular5今年稍晚就会推出。

    3.2K80

    JAVA知识基础(九):this、super 关键字总结

    1.this关键字 this有三种常见用法 1.this调用本类中的属性,也就是类中的成员变量 2.this调用本类中的其他方法 3.this调用本类中的其他构造方法,调用时要放在构造方法的首行。...如何没有对父类进行初始化,子类调用父类的方法时,便会从逻辑上出现错误,因为没对父类初始化,父类的方法和属性便没有内存空间。...super()和this()类似,区别是,super()从子类中调用父类的构造方法,this()同一类内调用其它方法。 super()和this()均需放在构造方法内第一行。...尽管可以用this调用一个构造器,但却不能调用两个。...this和super不能同时出现在一个构造函数里面,因为this必然会调用其它的构造函数,其它的构造函数必然也会有super语句的存在,所以同一个构造函数里面有相同的语句,就失去了语句的意义,编译器也不会通过

    19740

    TypeScript 系列之函数

    虽然 TypeScript 中已经有类、命名空间以及模块,但是函数描述如何做某件事上仍然有很重要的作用。...当然这并不意味着参数不能被赋值 null 或者 undefined,但是,函数被调用的时候,编译器会检查函数的每个参数是否都已经提供该参数可以接受的类型的值。...参数被省略的时候,该参数的值就是 undefined。 TypeScript 中,我们可以参数名后面添加一个 ? 来表明该参数是可选参数。...TypeScript 当然也支持参数默认值,调用函数时没有提供参数或者以 undefined 调用时,该参数会被置为参数默认值。...: string) => string 函数参数的默认值从类型中消失,取而代之的是该默认值的类型和 undefined 的联合类型。 和可选参数不一样,有默认值的参数不必出现在必选参数后面。

    1.3K51

    全网最全的,最详细的,最友好的 Typescript 新手教程

    编译之后,所有TypeScript的东西都消失,剩下的只是简单的JavaScript。 如果编译步骤的概念让您感到困惑,请记住JavaScript已经编译并解释过了。...strict设置为true时,你就会对TypeScript说“不要在我的代码中产生歧义”。 出于这个原因,我建议对TypeScript保持最大程度的严格,即使一开始修复所有错误会比较困难。...几行之后,我们来看看这个函数的参数以及它们是如何使用的。仅通过查看代码,您就应该已经发现问题(不,它不是Java)。...另一方面,接口用于描述代码中的一个或多个对象时,它就具有实现。 扩展接口意味着借用它的属性并扩展它们以实现代码重用。但是等等,还有更多!你很快就会看到TypeScript接口也可以描述函数。...现在是时候把注意力转向TypeScript的另一个基本特性:函数的返回类型。 TypeScript新手教程:函数的返回类型 到目前为止有很多新东西。

    6.1K40

    TypeScript 演化史 — 第二章】基于控制流的类型分析 和 只读属性

    image.png 基于控制流的类型分析 TypeScript 官网总结了基于控制流的类型分析: TypeScript 2.0 实现对局部变量和参数的控制流类型分析。...同样由于进行了相同的控制流分析,因此以下函数 TypeScript 2.0 也可以正确进行了类型检查: function composeCommand(command: string | string...严格的 Null 检查 与可空类型一起使用时,基于控制流的类型分析尤其有用,可空类型使用包括 null 或undefined 联合类型中的表示。...一旦TypeScript代码被编译成JavaScript,所有readonly的概念都消失。您可以随意摆弄这个小示例,看看如何转换只读属性。...一旦TypeScript代码被编译成JavaScript,所有readonly的概念都消失。您可以随意摆弄这个小示例,看看如何转换只读属性。

    2K10

    超 1.7 万个 JavaScript 文件,Etsy 大型代码库如何完成向 TypeScript 迁移?

    使用严格的 TypeScript,如果我们尝试一次转换所有的代码,我们最终将会有一个长期的积压问题需要解决。...一次完全迁移可能在逻辑上使改进已有的类型很难,尤其是单体仓库模式中。导入 TypeScript 文件时,出现被禁止的类型错误,你是否应该修复此错误?...另外,强制工程师在学习新语言和跟上团队路线图的同时为通用实用程序编写类型,这是一种让人们反感 TypeScript 的好方法。这项工作并非微不足道,但却带来了丰厚的回报。...几乎我们网站上所有的数据都是通过 Etsy API 实现的,所以如果我们能在那里提供类型,我们很快就可以涵盖大部分的代码库。...如果有人打开了代码库的这些部分文件,或者我们对所有代码运行类型检查器时,就会花很多时间来尝试理解该类型,然后放弃并记录类型错误。

    65610

    为什么程序员如此热爱TypeScript

    但是,当你项目中使用数千行代码时,你就会感谢上帝赐予你这一切。 还有一些其他不同之处,例如,TypeScript 有匿名函数和异步函数。...例如, Google 2016 年宣布 Angular.js 将与 TypeScript 一起使用时TypeScript StackOverflow 上的标签数量呈爆炸式激增。...它第一次出现时,简直就像是魔法一样。 由于它是基于 JavaScript 构建的,所以 TypeScript 也继承这种魔法。Python 也是如此!...另一方面,Python 也 添加越来越多 的函数式编程特性。涉及到数据科学、机器学习等方面,Python 处于前沿地位。 这就剩下并行编程和异步编程。...也就是说,如果你要开始一个没有太多大数据和矩阵运算的小项目,那么无论如何你都可以尝试一下 TypeScript。特别是它涉及到并行或异步编程时。

    46120

    ​第二章 1.10-1.12 梯度消失,梯度爆炸,权重初始化

    1.10 梯度消失和梯度爆炸 训练神经网络,尤其是深度神经网络时,经常会出现的问题是梯度消失或者梯度爆炸,也就是说当你训练深度网络时,导数或坡度有时会变得非常大,或非常小,甚至以指数方式变小.这加大训练的难度...对于深层神经网络最终激活值的直观理解是,以上述网络结构来看,如果每一层 W 只比 1 大一点,最终 W 会爆炸级别增长,如果只比 W 略微小一点,深度神经网络中,激活函数将以指数级递减....虽然只是论述对于最终激活函数输出值将以指数级别增长或下降,这个原理也适用与层数 L 相关的导数或梯度函数也是呈指数增长或呈指数递减 直观上理解,梯度消失会导致优化函数训练步长变小,使训练周期变的很长....,虽然不能彻底解决问题但却很有用,有助于我们为神经网络更谨慎的选择随机初始化参数 单个神经元权重初始化 ?...,你可以尝试给公式 添加一个乘数参数,但是 NG 认为相对于其他参数的调优,通常把它的调优优先级放得比较低. 1.12 梯度的数值逼近 主要讲利用双边误差计算公式: 利用这个公式简单的估计函数的微分

    44130

    从 Vue typings 看 “this”

    TypeScript 仓库 ThisType 的 PR 下,有一个使用例子: 在这个例子中,通过对 methods 的值使用 ThisType,从而 TypeScript 推导出... testVue 函数被调用时TypeScript 推断出 Methods 为 { test (): void },从而在实例内 this 即是:Vue & { test (): void }; Data...Methods 中定义一个方法,this 也会含有相同名字的函数属性,而在 Computed 中定义具有返回值的方法时,我们期望 this 含有函数返回值的同名属性。...testVue 时,我们传入一个属性为 testComputed () => '' 的 Computed,TypeScript尝试将类型映射至 Accessors,从而推导出 Computed...Vue 中使用 TypeScript 的一些思考(实践)中,我们已经讨论 Prop 的推导,在此不再赘述。

    10310

    10 个你可能还不知道 VS Code 使用技巧

    NO.1 一、重构代码 VS Code 提供一些快速重构代码的操作,例如: 将一整段代码提取为函数:选择要提取的源代码片段,然后单击做成槽中的灯泡查看可用的重构操作。...代码片段可以被提取到一个新方法中,或者不同的范围内(当前闭包、当前函数内、当前类中、当前文件内)提取到一个新函数中。提取重构期间,VS Code 会引导为该函数进行命名。 ?...code.visualstudio.com/docs/editor/refactoring)、JS/TS 重构操作(https://code.visualstudio.com/Docs/languages/typescript...ref=codebldr#_dynamic-view-icons-and-titles) NO.3 三、快速调试代码 VS Code 内调试 JS/TS 代码非常简单,只需要使用 Debug: Open...(https://code.visualstudio.com/docs/editor/debugging) NO.4 四、查看和更新符号的引用 查看符号的引用、快速修改引用的上下文:例如,快速预览某个函数在哪些地方被调用了及其调用时上下文

    98810

    深入理解 TypeScript 中的 Keyof 运算符,让你的代码更安全、更灵活!

    二、泛型中使用 KeyOf 运算 使用 KeyOf 运算符应用约束 TypeScript 中,keyof 运算符常用于泛型函数中应用约束。...如果我们尝试传递一个无效的键,比如 sal,编译器会报错。...函数接受一个 User 对象和一个 User 类型的属性键,并打印相应的用户信息。 应用场景 keyof 运算符实际开发中有很多应用场景,特别是处理动态属性访问和确保类型安全时。...结束 TypeScript 的 keyof 运算符虽然小巧,但却TypeScript 机制中不可或缺的一环。...当我们将 keyof 与 TypeScript 的其他工具结合使用时,可以提供良好的类型约束,从而提升代码的类型安全性。 keyof 类型注解用于提取对象的键。

    19310

    10 个你可能还不知道 VS Code 使用技巧

    NO.1 一、重构代码 VS Code 提供一些快速重构代码的操作,例如: 将一整段代码提取为函数:选择要提取的源代码片段,然后单击做成槽中的灯泡查看可用的重构操作。...代码片段可以被提取到一个新方法中,或者不同的范围内(当前闭包、当前函数内、当前类中、当前文件内)提取到一个新函数中。提取重构期间,VS Code 会引导为该函数进行命名。 ?...code.visualstudio.com/docs/editor/refactoring)、JS/TS 重构操作(https://code.visualstudio.com/Docs/languages/typescript...ref=codebldr#_dynamic-view-icons-and-titles) NO.3 三、快速调试代码 VS Code 内调试 JS/TS 代码非常简单,只需要使用 Debug: Open...(https://code.visualstudio.com/docs/editor/debugging) NO.4 四、查看和更新符号的引用 查看符号的引用、快速修改引用的上下文:例如,快速预览某个函数在哪些地方被调用了及其调用时上下文

    3.8K30

    《现代Typescript高级教程》函数

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 函数 TypeScript提供丰富的函数类型定义方式,可以对函数参数、返回值进行类型注解,从而提供更为强大的类型检查...函数声明 TypeScript中,你可以函数声明中对函数的参数和返回值进行类型注解。...如果你尝试调用这个函数并传入一个非数字类型的参数,TypeScript编译器会报错: add("Hello", 1); // Error: Argument of type '"Hello"' is not...剩余参数(Rest Parameters) 当你不知道要操作的函数会有多少个参数时,TypeScript提供剩余参数的概念。...this和箭头函数 箭头函数可以保留函数创建时的 this值,而不是调用时的值。

    20430

    JS throttle与debounce的区别

    函数最后一次调用时刻的wait毫秒之后,对于必须在一些输入(多是一些用户操作)停止之后再执行的行为有帮助。...将一个连续的调用归为一个,如果连续wait毫秒内调用,最后只有最后一次会执行 throttle(func, wait, options):创建并返回一个像节流阀一样的函数重复调用函数的时候,最多每隔指定的...wait毫秒调用一次该函数;不允许方法每wait毫秒间执行超过一次,如果连续wait毫秒内调用,最后执行会均匀分布大约每wait一次 对于lodash来说,throttle是调用debounce来实现的...调用 _.debouncelodash会返回一个函数,这个函数在被调用时会生成一个 setTimeout(delayed, delay)。..._.throttle 方法只不过是多给 debounce 传一个 options = {maxWait: $maxWait, leading: true, trailing: true},这个选项的意思是至少保证

    2.8K30

    类型即正义,TypeScript 从入门到实践(四):5000字长文带你重新认识泛型

    类型函数的使用 上面我们定义第一个泛型 - “类型的函数”,接下来我们来尝试使用我们的泛型, src/index.ts 中对代码做出对应的修改如下: function getTutureTutorialsInfo...之前的内容中,我们通过命名函数来讲解了泛型,那么匿名函数如何使用泛型?...、类泛型的类似,它允许你接口里面定义一些属性,使用类型变量来注解,用时指明这个属性的类型。...这个时候,我们 VSCode 编辑器里面尝试输入 profile. ,应该可以神奇的发现,有自动补全: ? 并且还能了解到 age 是 string 属性! 再次!...深入实践,注解构造函数 了解泛型的基础知识,并且结合函数、接口、类型别名和类进行结合使用之后,相信你对如何使用泛型已经有一点经验。 而了解了泛型,你就可以开始尝试深入 TS 类型编程的世界

    1.7K20

    Sentry 开发者贡献指南 - 前端(ReactJS生态)

    我们 setup.js 中定义有用的 fixtures,使用这些!如果您以重复的方式定义模拟数据,则可能值得添加此文件。...以前我们使用了 lodash-webpack-plugin 和 babel-plugin-lodash 的组合, 但是尝试使用新的 lodash 实用程序(例如这个 PR)时很容易忽略这些插件和配置。...您需要创建新的共享状态源时,请考虑使用 context 和 useContext 而不是 Reflux。此外,可以利用虫洞状态管理模式来公开共享状态和突变函数。...创建自定义 hook 时,函数名称必须遵循约定,以 “use” 开头(例如 useTheme), 并且可以自定义 hooks 内调用其他 hooks。...仅期望元素可能不会立即发生的 DOM 更改后出现时才使用 await findBy...

    6.9K30

    23. 精读《API设计原则》

    但却可以通过如下方式避免: function (num) { let scopeNum = num scopeNum = 5 } 这是从包含指针类型编程语言学习过来的,因为 *num 表示指针时...为了避免副作用,建议引入 flow 或 typescript,通过 const 关键字与约定约束入参行为: function (const num) { ... } 将没有副作用函数的所有入参定义为...const 类型,静态检查阶段就禁止对值的直接修改,同时因为有这个关键字的约束,函数体内也约定不要通过引用浅拷贝修改它的值。...同时也要避免过度设计,抽象功能只有一处使用时,尽量不要过早抽象。...this.props.store.user const { setVisible } = this.props.store.article 上述 setName setVisible 脱离了 user article 作用域,隔着几百行调用时

    41920
    领券