不带箭头函数的Typescript/Angular2委托
不带箭头函数的Typescript/Angular2委托是指在Typescript或Angular2中，使用普通函数而不是箭头函数来创建委托。委托是一种允许将函数作为参数传递给其他函数的机制。
在Typescript/Angular2中，可以使用普通函数来创建委托，其语法类似于JavaScript中的函数。以下是一个示例：
function delegate(func: Function, param: any): any {
return func(param);
}
function exampleFunction(param: any): void {
console.log("Example function called with parameter:", param);
}
delegate(exampleFunction, "Hello, world!");在上面的示例中，delegate函数接受一个函数作为参数，并调用该函数，同时将param作为参数传递给它。exampleFunction函数被作为委托传递给delegate函数，并在调用时打印传递的参数。
不带箭头函数的委托可以用于各种场景，如事件处理、回调函数等。它提供了灵活性和可复用性，使得代码更加模块化和可维护。
在腾讯云的相关产品中，可以使用云函数 SCF（Serverless Cloud Function）来实现委托的功能。云函数是一种无服务器计算服务，可以让你在云端运行代码而无需搭建和管理服务器。你可以将委托函数作为云函数的实现，并通过腾讯云的云函数服务进行部署和调用。
腾讯云云函数 SCF 官方文档：https://cloud.tencent.com/document/product/583
请注意，以上答案仅提供了一个示例，实际应用中可能需要根据具体需求进行调整。
相关·内容
为什么typescript委托结果不等于： someProperty: any;
someActionsWithItems(item: any) {
this.someProperty = "test";
}
//if I use this. Its OK.:
this.array.forEach(item => this.someActionsWithItems(item));
// But another. It will be error because context 'this' isn't initialize (Cann
浏览 31提问于2019-02-28得票数 0
我想使用TypeScript创建一个简单的Angular2应用程序。看起来很简单，但我不能实现我想要的。
我想在模板中显示属性值。我想在1秒后使用setTimeout更新相同的内容。
Plunkr代码在这里：
我写的是：
import {Component} from 'angular2/core';
interface Hero {
id: number;
name: string;
}
@Component({
selector: 'my-app',
template:`<h1>Number Increment</h1&
浏览 9提问于2015-12-30得票数 38
回答已采纳
我想使用一个javascript库，它需要创建一个对象并像这样绑定到它：
this.mystr = "hello";
this.webkitspeech = new webkitSpeechRecognition();
this.webkitspeech.onresult = function(evt) {
console.log(this.mystr); // this is undefined, even though I do have it defined
}
我通常会做一个.bind(this)
尽管在typescript中，我想这样做：
this.mystr
浏览 0提问于2017-07-17得票数 8
回答已采纳
我继续教我自己TypeScript和Angular2，我仍然讨厌它，但我必须持之以恒。总之，我有一个组件，它从REST服务加载JSON数据。这个JSON数据是一个非常复杂的数据，所以我希望分解它，在加载时，我希望将一些JSON分配给我定义的某种类型的数组。这是我喜欢的类型。我列出了我的用户去过的学校的信息.
export class UserSchool {
constructor (
public schoolId: number,
public yearRange: string,
publi
浏览 2提问于2016-02-15得票数 0
回答已采纳
我的项目没有使用创建-反应-应用程序。我在提升我的埃斯林特。如何向eslintrc.js文件添加正确的响应？
目前，我在extend属性中有以下内容：
extends: [
'airbnb',
'airbnb-typescript',
'airbnb/hooks',
// "plugin:@typescript-eslint/recommended",
// "plugin:@typescript-eslint/recommended-requiring-type-checking&
浏览 16提问于2022-07-04得票数 0
我正在使用Angular2和typescript.I，我对此非常陌生。我有一个字符串，其中的值用逗号分隔。
选择: 5000,5000,2500.00
我想得到这些值的总和。我不知道如何用angular2或typescript编写代码。
有谁能帮帮我。
浏览 0提问于2017-05-12得票数 0
1回答
我正在使用Vue.js和TypeScript，并且我做了一个DataPicker。它正在工作，但由于TypeScript中的错误，我无法构建。
这是我的DatePicker typescript文件：
import Vue from "vue"
export default Vue.extend({
data: () => ({
message1: "",
date: null,
menu: false
}),
watch: {
menu(val) {
val && setTimeou
浏览 318提问于2021-02-15得票数 1
回答已采纳
当我在构造函数中添加此代码时(start是类的方法)：
document.getElementById("test").addEventListener, event => {
this.start();
};
TypeScript足够聪明地知道回调中的这种变化的上下文：
var _this = this;
document.getElementById("test").addEventListener, function (event) {
_this.start();
};
但是，当我将其更改为使用$("#test").
浏览 8提问于2015-11-18得票数 0
回答已采纳
目标是如果停止任何测试的Cypress运行程序失败，这些Mocha测试是用TypeScript编写的。以下摩卡afterEach()有两个问题..。
/// <reference types="Cypress" />
afterEach(() => {
if (this.currentTest.state === 'failed' &&
this.currentTest._currentRetry === this.currentTest._retries) {
Cypress.runne
浏览 6提问于2020-12-31得票数 1
回答已采纳
1回答
有没有办法在VSCode中选择整个函数定义？在我的开发工作流程中，这是一个重复出现的动作，我想让它自动化，而不是使用鼠标。找不到捷径。当然应该有办法了吧？ 我使用python/javascript作为我的语言，安装了Python (ms-python.python) & JavaScript和TypeScript Nightly (ms-vscode.vscode-typescript-next)扩展。 谢谢！?
浏览 112提问于2021-09-18得票数 1
回答已采纳
我有angular2应用程序，而且我正在使用immutable.js。当我使用immutable中的用户Map函数时，typescript编译器卡住了。当我没有从immutable.js导入类型时，它工作得很好，但是我从`immutable.js中使用的每个函数都会出错。
import {Map} from 'immutable';
这是阻止typescript的行。
浏览 1提问于2016-02-10得票数 7
对于我正在进行的半教育侧项目，我有一个TypeScript interface，它在实现它的任何对象上公开一个id变量。在这个应用程序中，存在这些Array<>对象是相当普遍的。
由于这个应用程序不使用数据库，所以我要做的是实现一个自动增量器，用于跟踪这些IIdable的列表。
Array<MyProject.Models.IIdable>.prototype.getNextId = () => {
let biggestId: number = 0;
for (let current of this) {
if (current.
浏览 0提问于2018-10-16得票数 7
回答已采纳
1回答
因此，我正在学习Angular2，并且正在使用TypeScript。因此，我确实知道SystemJS用于获得这样的import功能：
import { bootstrap } from "angular2/platform/browser";
这是有道理的，但是，我不明白angular2/platform/browser到底在哪里。我确信这不是路径，而是用于模拟路径/命名空间的其他东西。另外，看看这里的bootstrap，它是一个类吗？还是只是一种功能。其他东西有可能被进口吗？
任何特殊的答案都会得到我的赏赐。
浏览 0提问于2016-02-07得票数 4
回答已采纳
2回答
TypeScript用$(_this)替换$(this)并破坏代码时，我遇到了问题，因为test指的是window。
$(".class").click(() => {
var test = $(this);
console.log(test);
});
编译成
$(".class").click(function () {
var test = $(_this);
console.log(test);
});
浏览 1提问于2016-05-10得票数 1
回答已采纳
我有一个代码：
const newProps = {
onClick: props.onSelect ? () => props.onSelect(choice.value) : undefined,
}
它在TypeScript中会给出错误Object is possibly 'undefined'。
我认为TypeScript在这一点上很聪明，并且我会理解，在这一点上，props.onSelect不能是没有定义的。我知道!操作符的情况，但我想知道为什么这不起作用。
浏览 3提问于2017-11-24得票数 1
回答已采纳
我安装了NPM版本的类型标1.7.5和angular2测试版。在Visual 2015 Update 1中构建项目时，我会看到以下错误：
1>VSTSC : error TS2318: Build: Cannot find global type 'Iterable'.
1>VSTSC : error TS2318: Build: Cannot find global type 'IterableIterator'.
1>VSTSC : error TS2318: Build: Cannot find global type 'Symb
浏览 6提问于2015-12-16得票数 1
我在我的jQuery类中使用TypeScript。
export class RedTextBox {
private element : HTMLInputElement;
private changed : Boolean;
Attach(textbox : HTMLInputElement) {
this.element = textbox;
ChangeColor();
}
ChangeColor() {
$(this.element).css("background", "red");
$(this.element)
浏览 2提问于2018-08-17得票数 1
回答已采纳
我正在使用link 中的代码在我的d3地图中实现工具提示
当我在angular 2 typescript文件中编写相同的代码时。我得到了错误：
无法读取未定义的属性“transition”
它基本上不能找到d3.event (将其设为null)，这在javascript代码中是不会发生的。我在ngAfterViewInit中的代码
ngAfterViewInit() {
this.tooltip = d3.select("map-tag")
.append("div")
.attr("cla
浏览 0提问于2017-03-20得票数 1
在TypeScript中，我可以定义如下函数类型：
type MyCallback = (para: number|string)=> string
这些函数将用作事件回调，因此我希望使用普通函数而不是箭头函数，以避免箭头函数中出现this问题。
是否有一种方法可以定义只允许正常函数的类型？
浏览 3提问于2022-03-16得票数 1
回答已采纳
我正在研究Ionic2 + Phaserjs。
我已经创建了Phaser画布，并在其中加载精灵。现在，我想在sprite上添加拖动事件，并在该拖动事件中调用typescript函数。但我的问题是Phaser保留了'this‘关键字作为它自己的作用域，所以我不能调用像this.sayHello()这样的外部typescript函数。
create() { // this is Phaser.create function
//console.log(vv)
this.counter = 0;
this.game.scale.scaleMode = Phaser.ScaleManager.
浏览 6提问于2016-08-27得票数 0
回答已采纳
我第一次使用jsFiddle。我不知道怎么把我的所有文件都包括在里面。目前，当运行小提琴时，它会返回404。如何链接本地ts文件以使其运行。
我的小提琴在。任何帮助都将不胜感激。
<script>document.write('<base href="' + document.location + '" />');</script>
<script>
System.config({
transpiler: 'typescript',
typescri
浏览 4提问于2016-12-14得票数 1
1回答
我不知道是怎么回事，因为我是Angular2，打字稿，es5和es6的新手。看看。我不明白为什么我的FirstComponent没有在first.ts文件中被调用。
我有以下的执行情况。
app.ts
import {bootstrap, Component, CORE_DIRECTIVES} from 'angular2/angular2'
import {FirstComponent} from 'first' // please explain what should be here. 'first','./first'
浏览 2提问于2015-11-30得票数 0
回答已采纳
1回答
我试图从一个函数调用一个服务，但是我在控制台中得到了这个错误：
无法读取未定义的属性“TestMethod”
这是我的密码：
app.component.ts：
构造函数( public _service: BackendFileCodeService){ }公共编辑器；EditorCreated(quill) { const工具栏=quill.getModule(工具栏)；this.editor = quill；// console.log(quill) toolbar.addHandler('image'，this.imageHandler)；} documen
浏览 1提问于2017-09-23得票数 0
我正试图决定为什么在我的Typescript2/Angular2项目中使用Typescript2/Angular2。
由TSLint：公开的规则列表
使用TypeScript：可用的编译器选项
既然Typescript2现在有一些编译器选项，比如--noUnusedParameters，那么真的需要TSLint吗？TSLint是编译器选项的超集吗？
项目结构：
.
├── bower.json
├── index.js
├── package.json
├── src
│ ├── app
│ │ ├── app.component.spec.ts
│ │ ├── app.c
浏览 2提问于2017-05-30得票数 7
回答已采纳
我试图在模板中呈现一个Http调用结果，但没有成功。实际上，我可以完全返回到this.business --但无法在视图中呈现它。我是不是遗漏了什么？在这里似乎像魔术一样工作：
下面是我的组件：
import { Component, OnInit, Input } from '@angular/core';
import { Business } from './business';
import { BusinessService } from './business.service';
import '/app/rxjs-opera
浏览 6提问于2016-08-09得票数 0
回答已采纳
我正在尝试构建，试图组装一个最优的，以了解这个Angular2，Webpack2，ZoneJs，SystemJs，TypeScript汤中是什么。
我关心的是捆绑文件的大小。这对于开发、非最小化和丑化的文件来说是正常的吗？依赖项的生产版本的目标大小应该是多少？
请跟随下面图片上的红色箭头查看文件大小。所有相关文件都会显示出来。
浏览 11提问于2017-01-21得票数 0
目前，我正在学习TypeScript。我对关键字函数和=> (胖箭头)之间的区别感到很困惑。请参考下面的代码：
interface Counter {
(start: number);
interval: number;
reset() : void;
}
let a = <Counter>function(start: number) { };
let b = <Counter>(start: number) => { };
a.reset(); //OK
b.reset(); //error: Property 're
浏览 0提问于2016-12-13得票数 2
我有这个接口。
interface parts {
general: boolean,
source: boolean,
target: boolean
}
当init状态在父组件中并使用该接口键入时，TypeScript按预期工作。
const Parent: React.FC = () => {
const [parts, setParts] = useState<parts>({
general: false,
source: false,
target: false,
w
浏览 5提问于2022-04-12得票数 1
回答已采纳
1回答
Angular2阵列对象
、、、
我想添加一个对象数组，但它不起作用：Can not set property '0' of undefined
我尝试放入this.positions = PositionMap对象
为了获得更好的可读性，我已经缩小了代码的大小，但是其余的都能工作。
这是我的代码：
import { Component, ViewChild, ElementRef } from '@angular/core';
import { NavController } from 'ionic-angular';
import { FormBuilder, FormGro
浏览 1提问于2016-12-22得票数 0
回答已采纳
我在angular2有一个KendoUI GRiD。它不会在页面更改事件中维护复选框选中状态。我的angular2在typescript脚本中运行
浏览 3提问于2017-02-18得票数 0
我发现大部分代码都是像下面这样的代码，它们可能在javascript中工作，但我无法让它在类型记录中工作。
//javascript version
navigator.geolocation.getCurrentPosition( function(position){
ShowLocation( position, variable );
});
function ShowLocation(position, variable){
console.log(position, variable);
}
//what I've tried on type
浏览 0提问于2018-10-13得票数 1
回答已采纳
如果我声明一个变量func，它将使用Typescript为其分配一个函数，我已经看到了两种不同的方法：
1) let func: Function
2) let func: () => {}
有什么关系呢？第二个是仅用于箭头函数，第一个是用于所有非箭头函数吗？
浏览 1提问于2019-12-14得票数 0
2回答
在一些无法访问TypeScript.But的代码中，我有一个简单的如果其他代码无法访问it.It的代码，则显示以下错误，
“无法读取未定义的属性(读取'setNewsProvider')”
代码
if (this.newsShow != null) {
if (this.glbNews.nIds == null) {
this.setNewsProvider(); //Accessible Here
}
else {
if (this.newsShow.EmpLst == nu
浏览 1提问于2022-07-28得票数 0
回答已采纳
是否有方法在TypeScript类中存储"this“的值。
像这样的东西(我以前用过的)
Car = function() {
var _car = this;
this.speed = 0;
setInterval(function() {
_car.speed +2;
}, 32);
}
//Id希望在typescript....preferably中使用var( not () => {} )进行同样的操作，可以吗？
浏览 4提问于2016-12-23得票数 0
回答已采纳
我是TypeScript开发的初学者。我以为typescript可以解决JavaScript中这个作用域的所有问题，但似乎并非如此。参见下面的示例代码：
class Car{
private name : string;
private velocity: number;
constructor ( name:string){
this.name = name;
this.velocity = 0;
}
private speedUp (incrementer: number){
this.veloc
浏览 0提问于2018-03-09得票数 1
我刚开始使用typescript，并且对使用=>箭头感到困惑。谁能解释一下下面的javascript代码的含义：
this.dropDownFilter = values => values.filter(option => option.value !== 'Others')
浏览 0提问于2018-08-07得票数 0
我正在用Angular2编写VS2015教程，并且遇到了一个阻止我的TypeScript文件编译的警告。教程链接如下。
警告是带有描述(预期的调用签名：'getHeroes‘)的代码。
import { Injectable } from "@angular/core";
import { HEROES } from "./mock-heroes";
@Injectable()
export class HeroService {
getHeroes() {
return Promise.resolve(HEROES);
浏览 0提问于2016-06-26得票数 0
当我使用ES6特性时，例如模板字符串、箭头函数、TypeScript文件中的析构。之后，我将文件编译成普通的JavaScript .
也是由TypeScript编译器编译的ES6语法吗？或者我必须使用额外的编译器(Babel)?
浏览 10提问于2016-11-24得票数 3
回答已采纳
我在一个网格应用程序中使用了ag- TypeScript，在rowDoubleClicked()函数中，我看到'this‘引用的是网格，而不是类的'this’。因此，在这个函数中，我不能使用来自b/c类的任何数据，' this‘现在指向网格。我试着把'_this = this‘放在类头中，但是不起作用b/c TypeScript让我把_this引用为'this._this’。所以这也不起作用。啊。有没有办法在rowDoubleClicked()函数中使用类'this‘？
浏览 0提问于2016-08-20得票数 0
1回答
这是一个更多的Typescript和React问题，但为了完全公开，我将提到我在尝试使用创建自定义头时在这里结束。
我有一个简单的ImageButton (functional)组件，它接受以下支持：
export interface ImageButtonProps extends TouchableOpacityProps {
transparent?: boolean;
}
我的自定义标题看起来(大致)如下：
export default function Header(props: StackHeaderProps) {
const options = props.scene
浏览 2提问于2021-01-20得票数 4
3回答
我编写了以下TypeScript代码：
class Person {
constructor(public firstname: string, public lastname:string){
}
public die(){
this.lastname += " RIP";
}
该文件汇编为：
var Person = (function() {
function Person(firstname, lastname) {
this.firstname = firstname;
this.lastname = last
浏览 3提问于2014-11-25得票数 5
回答已采纳
我整个上午都在为这个问题苦苦挣扎，在任何地方都找不到解决方案。我刚开始使用typescript，我正在尝试用Eslint和更漂亮的工具正确地设置它，以确保代码格式正确。
所以，我在创建功能组件时所面临的问题。根据小抄，我正在尝试导出一个简单的组件，例如：
import React from "react";
type DivProps = {
text: string;
};
const Div = ({ text }: DivProps): JSX.Element => (<div>{text}</div>)
export defaul
浏览 7提问于2021-11-11得票数 23
回答已采纳
我在TypeScript中使用React。
突变：
let mutation = useMutation((newUser) => {
return signup(newUser)
})
提交功能：
const onSignupSubmit = ({ name, email, password }: User) => {
mutation.mutate(
{
name,
email,
password,
}
)
}
另外
浏览 7提问于2022-04-02得票数 0
我在TypeScript中创建原型时遇到了一个问题，当我使用方法时，我得到"TypeError: t.stringTesting不是一个函数“
下面是代码。
extensions.ts
interface String {
stringTesting() : string;
}
String.prototype.stringTesting = function (): string {
return "testing"
}
在我的Angular2组件中，我使用
var t: string = "";
t = t.stringTestin
浏览 1提问于2016-08-15得票数 0
1回答
我正在将styled-components添加到react typescript项目中。一切看起来都很好，直到我声明了interface并添加到我创建的样式组件中。
import styled from 'styled-components';
const Flex = styled.div`
display: flex;
flex-direction: ${props => props.direction};
`;
上面的那个运行良好。
稍后，我像这样将接口添加到这个接口中。
interface FlexProps {
direction?:
浏览 12提问于2019-07-22得票数 1
我想发送我的网页api的网址(不同的服务器，不同的域名...)从我的asp net核心服务器到我的客户端angular2。目前，我将我的设置存储在angular2应用程序的typescript配置文件中。
Thx
浏览 5提问于2016-10-11得票数 0
在使用eslint和typescript的React项目中发生了一个styled-component错误。
错误
ESLint: 4个空格的预期缩进，但发现6.(缩进)
来源
const InputField = styled.input<{ error?: boolean }>`
...
&:focus {
outline: none;
border-color: ${({ theme, error }) =>
error ? theme.color.error : '#0d58ee'};
}
`;
浏览 14提问于2022-09-13得票数 0
我使用的是角2 (TypeScript)。为了简单起见，有两个文件：A.ts和B.ts。
如何在A.ts类中使用AAA？谢谢!我花了一天多，但仍然没有成功.
A.ts
import {Component, View} from 'angular2/angular2';
@Component({
selector: 'foo'
})
@View({
template:`
`
})
export class Foo{
AAA:DataClass = new DataClass(); // AAA is here.
}
B.ts
i
浏览 0提问于2015-11-13得票数 0
回答已采纳
如何访问addEventListener函数中的HTML元素？或者可以在此函数中设置组件属性的值吗？我想取得进步百分之上传文件。
sample.component.ts :
import {Component} from '@angular/core';
@Component({
selector: 'Account-Management',
templateUrl: 'AddUser.template.html',
})
export class AddUserComponent {
host: string = "http://
浏览 0提问于2016-05-15得票数 3
回答已采纳
您可以使用以下代码在TypeScript中定义React功能组件的类型：
export const Component: React.FC = () => {
return // Stuff
};
如何对非箭头函数执行相同的操作？
function Component() {
return // Stuff
}
练习有什么不同吗？这份流行的小抄并没有涵盖它，所以我想知道是否有理由不使用这种语法？
浏览 2提问于2019-09-11得票数 13
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
