TypeScript 快速上手学习系列 —— 箭头函数表达式（lambda表达式）

已于 2022-04-26 16:52:39 修改
阅读量1.9k 收藏
点赞数
分类专栏： # Typescript 文章标签： window技巧 javascript 前端
于 2022-04-02 18:30:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HH18700418030/article/details/123431512
版权
本文介绍了TypeScript中的箭头函数表达式，强调其在函数中自动绑定`this`上下文的优势。通过实例展示了如何使用箭头函数，并对比了传统函数的差异，最后提供了相关学习资源。
摘要由CSDN通过智能技术生成

TypeScript 箭头函数表达式（lambda表达式）

lambda表达式 ()=>{something}或()=>something相当于 js 中的函数，好处是可以自动将函数中的 this 附加到上下文中。

实例

index.html 文件：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>typescript demo</title>
</head>
<body>
 	<script src="hello.js"></script>
</body>
</
最低0.47元/天 解锁文章
＊且听风吟
关注
专栏目录
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
墩墩分墩
08-16 1669
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
002 学习鸿蒙应用开发ArkTs语言
热门推荐
龚礼鹏的博客
04-19 1万+
ArkTs是目前鸿蒙开发的主要语言，目前鸿蒙的主推模型Stage的新版本(3.1.0(API 9))开发不支持Java和JavaScript了，所以开发鸿蒙应用学习ArkTs是很有必要的。5分钟上手TypeScript · TypeScript中文网 · TypeScript——JavaScript的超集。
TypeScript 之 Lambda 函数
奇舞周刊
05-20 1051
本文作者为 360 奇舞团前端开发工程师TypeScript 之 Lambda 函数Lambda 函数 又称箭头函数箭头函数表达式语法比函数表达式语法更简短，并且没有自己的this，arguments,super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。ES6版本的TypeScript 提供的箭头函数，是定义匿名函数的简写语法，用于函数表达式...
typescript-lambda-bundle:使用webpack打包的TypeScript Lambda示例
04-09
Typescript-lambda-bundle 此示例说明了如何将打字稿lambda及其依赖项打包并捆绑到单个javascript文件中，从而使AWS Lambda的部署变得更加轻松和快捷。 打字稿 由于lambda处理程序本身是用Typescript编写的，因此TypeScript是此项目的依赖项。 tsconfig.json文件包含编译过程所需的编译器配置。 Webpack 传统上，Webpack用于前端应用程序中，以将JavaScript，HTML，CSS以及供应商的依赖项组织到足够紧凑的javascript捆绑包中，以便浏览器可以对其进行解压缩并以有效的方式对其进行解析。 我们正在利用ts-loader loader for webpack编译我们的TypeScript，并吐出一个JavaScript包，其中包含我们的转码以及lambda使用的任何外部依赖项，从而大大简化
探索高效能的AWS Lambda开发：TypeScript版
gitblog_00033的博客
05-25 257
探索高效能的AWS Lambda开发：TypeScript版 aws-lambda-typescriptThis sample uses the Serverless Application Framework to implement an AWS Lambda function in TypeScript, deploy it via CloudFormation, publish it t...
【vue.js之夯实基础-4】TypeScript 入门之实操（类型批准 联合类型 接口 Lambada函数表达式 数组 元组）
alwarse
01-17 837
TypeScript 入门之实操（类型批准 联合类型 接口 Lambada函数表达式 数组 元组）
8.typescript-函数的类型
weixin_30835933的博客
08-16 272
今儿个甚是乏累呢~ 但是 <----------------------------------------------------------------------下面可能是正题儿----------------------------------------------------------------------> 1.函数声明 1 funct...
小窥TypeScript: =>表达式
ynzcxx的博客
03-05 571
在TypeScript中添加了箭头表达式，和java的lambda很相似。 var sum = () =&gt; (1 + 5); var sum = (arg1, arg2) =&gt; (arg1 + arg2); var func1 = arg =&gt; { console.log(arg); } 以上代码相当于js的： var sum = function () { retur...
TypeScript 快速上手学习系列 ——基础知识
且听风吟的博客
03-28 917
TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法。
嵌入式系统中C/C++有仓颉语言对比分析
最新发布
嵌入式技术开发
06-24 583
很多朋友也问我 “要不要入行鸿蒙？” 其实我很难给一个明确的答案，毕竟我也没有充分的调研数据，也不敢随意劝大家入行。“新” 意味着机遇，同样也意味着风险。在你有条件承担风险时，选择拥抱 “新” 没有任何问题，但在没有风险承担能力时，我的建议还是先学好一门主流的编程语言、开发框架、打好计算机基础，然后你再去学新出的编程语言就非常容易了。我还是很看好华为的，也期待国内的操作系统和计算机生态可以更强大。
Lambda表达式简
云想衣裳花想容，春风拂槛露华浓
08-26 153
Lambda 是一个匿名函数，我们可以把 Lambda 表达式理解为是一段可以传递的代码（将代码像数据一样进行传递）。使用它可以写出更简洁、更灵活的代码。作为一种更紧凑的代码风格，使Java的语言表达能力得到了提升。 从匿名类转换到Lambda表达式例1： //匿名内部类 Runnable r1 = new Runnable(){ @Override public void run(){ System.out.println("Hello World!"); } } //Lambda表达式 Ru
【TypeScript】TypeScript进阶
polarday的博客
12-26 1186
函数式编程、Promise、接口、类、泛型
鸿蒙TypeScript入门学习第8天：【TypeScript 函数】
鸿蒙的技术博客
04-03 1119
函数就是包裹在花括号中的代码块，前面使用了关键词 function：// 执行代码。
lambda函数if_用 TS 实现一个 Lambda
weixin_39651325的博客
12-03 788
前言对于闭包以及 lambda 表达式的文章可谓是汗牛充栋，但绝大多数文章仅停留在什么是闭包上。正如我们都知道 js 中的 class 是一个语法糖，而只有当自己实现一个 class 的时候才能谈深入理解 class。本文便旨在对 lambda 表达式进行解构。这篇文章对于写 js 代码而言，并没有多大帮助。但希望能让读者在上手其他多范式的语言时，能够理解为啥 lambda 表达式在其他语言中如此...
typeScript中map和filter使用方法与区别
m0_67391907的博客
03-24 3851
首先，这两个方法map()和filter()都是对调用他们的数组进行遍历。 那么我们在项目中，什么情况下使用map()，又在什么情况下使用filter()呢？在了解这个问题之前，我们需要知道的是他们区别在哪儿？ 1、map()的使用方法： arr.map((item,index,array)=>{……}) 2、filter()的使用方法： arr.filter((item,index,array)=>{……}) 都是将函数写在方法的括号里，参数也一样， 行参的参数说明： item：当前处理
TypeScript---Ts中的函数总结
maidu_xbd的博客
03-30 1713
【函数】封装了一些重复使用的代码，在需要的时候直接调用。
Lambda表达式的用法（函数式接口、方法引用）
weixin_43872993的博客
04-10 3634
1、Lambda 表达式——Java 8 发布的最重要新特性 2、使用 Lambda 表达式可以使代码变的更加简洁紧凑
JavaScript和TypeScript下的this关键字
kingbaron的博客
07-07 8051
在一个方法中（如果是ts，这里仅限于非lambda表达式定义的方法）有使用this关键字，那么可以按照下面的优先级顺序来推断this指向的是什么： 如果这个函数是function#bind调用的结果，那么this指向的是传入bind的参数 如果函数是以foo.func()形式调用的，那么this值为foo 如果是在严格模式下，this将为undefined 否则，this将是全局对象
typescript 箭头函数泛型
05-26
在 TypeScript 中，箭头函数可以使用泛型来增强其灵活性和可复用性。 例如，我们可以编写一个接受一个泛型类型参数 T 和一个参数 a，返回一个类型为 T 的数组的箭头函数： ``` const makeArray = (a: T): T[] => {...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值