IE11中的Typescript和promises - 腾讯云开发者社区

你有没有在JavaScript中遇到过promises并想知道它们是什么？它们为什么会被称为promises呢？它们是否和你以任何方式对另一个人做出的承诺有关呢？...此外，你为什么要使用promises呢？与传统的JavaScript操作回调(callbacks)相比，它们有什么好处呢？在本文中，你将学习有关JavaScript中promises的所有内容。...在JavaScript中，promise的工作方式和现实生活中的承诺一样。...如果你在promise链式中添加then和catch，你会看到black forest cake!或no cake 信息，这取决于你传入jeffBuysCake的蛋糕类型。...让你可以在链式的末尾去处理所有错误为了看到这三个好处，让我们编写一些JavaScript代码，它们通过callbacks和promises来做一些异步事情。

7962 0

【译】JavaScript中的Promises

你有没有在JavaScript中遇到过promises并想知道它们是什么？它们为什么会被称为promises呢？它们是否和你以任何方式对另一个人做出的承诺有关呢？...此外，你为什么要使用promises呢？与传统的JavaScript操作回调(callbacks)相比，它们有什么好处呢？在本文中，你将学习有关JavaScript中promises的所有内容。...在JavaScript中，promise的工作方式和现实生活中的承诺一样。...如果你在promise链式中添加then和catch，你会看到black forest cake!或no cake ?信息，这取决于你传入jeffBuysCake的蛋糕类型。...让你可以在链式的末尾去处理所有错误为了看到这三个好处，让我们编写一些JavaScript代码，它们通过callbacks和promises来做一些异步事情。

1.4K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

async 函数和 promises 的性能提升

不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async 函数和 promises 的，以及伴随着的开发体验的优化。...异步编程的新方案从 callbacks 到 promises，再到 async 函数在 promises 正式成为 JavaScript 标准的一部分之前，回调被大量用在异步编程中，下面是个例子：...HTTP 框架做的测试，这些框架大量使用了 promises 和 async 函数，这个表展示的是每秒请求数，所以跟之前的表不一样，这个是数值越大越好。...同时我们引入了一个新的垃圾回收器，叫作 Orinoco，它把垃圾回收从主线程中移走，因此对请求响应速度提升有很大帮助。...最后，Node.js 8 中引入了一个 bug 在某些时候会让 await 跳过一些微 tick，这反而让性能变好了。这个 bug 是因为无意中违反了规范导致的，但是却给了我们优化的一些思路。

7532 0

用漫画来解说AngularJs中的Promises

儿子离家前做出的承诺没能遵守！父亲决定呆在家，不值得冒险。这如何在代码中表达？在这种场景中父亲控制着逻辑，父亲把儿子作为一种服务来对待。我们已经陈述了逻辑。...父亲让儿子去获取天气预报，儿子没法立即告诉他，父亲在他等待的过程中还有些其他事情处理，等他儿子实现了承诺，父亲再回来处理天气的问题。当父亲拿到了天气预报，他或者准备去钓鱼，或者选择留在家里。...中父亲要求儿子去获取天气预报的本质是异步的，父亲不必干等者儿子回来，因为他还有其他事情做。...相反，父亲通过一个承诺来决定之后三个可能发生(好天气/坏天气/没天气预报)中的一个。...原文：Promises in AngularJS, Explained as a Cartoon

7901 0

typescript中的class和interface

前言刚刚的vue3.0一发布，各大网址和社区以及公众号已经被Vue3.0的One Piece版本所霸屏,出现不同的标题有着同样内容的现象，借此热度我们不如好好回顾一下ts基础知识，备战vue3.0...typescript这个东西说实在的，真的是容易忘记，一段时间不用就感觉特别陌生，但是回过头来看看，又有一种熟悉的感觉,有句话这么说的ts越用越香,它确实能够规范我们的书写的格式，语法校验和类型校验等。...之前写过react+ts的一个demo，但是时间久了就忘记了，现在也是趁着热度再回顾一下ts的内容，以及一些高阶语法，现在我们回顾一下ts中常见的类和接口，如果喜欢的可以点赞,评论,关注公众号让更多的人看到...class 首页我们要清楚的一点是typescript中类和javascript中ES6语法类的区别,千万不要混淆。ts中相比于js添加了声明属性的类型和参数的类型以及返回结果类型。...speak():void; //抽象类和方法不包含具体实现必须在子类中实现 } //接口里的方法都是抽象的 interface Flying{ fly():void } interface

1.9K1 0

「译」更快的 async 函数和 promises

不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async 函数和 promises 的，以及伴随着的开发体验的优化。...异步编程的新方案从 callbacks 到 promises，再到 async 函数在 promises 正式成为 JavaScript 标准的一部分之前，回调被大量用在异步编程中，下面是个例子：...上面是基于市场上流行的 HTTP 框架做的测试，这些框架大量使用了 promises 和 async 函数，这个表展示的是每秒请求数，所以跟之前的表不一样，这个是数值越大越好。...同时我们引入了一个新的垃圾回收器，叫作 Orinoco，它把垃圾回收从主线程中移走，因此对请求响应速度提升有很大帮助。...最后，Node.js 8 中引入了一个 bug 在某些时候会让 await 跳过一些微 tick，这反而让性能变好了。这个 bug 是因为无意中违反了规范导致的，但是却给了我们优化的一些思路。

1.1K1 0

TypeScript中的数组和元组

数组（Array） TypeScript像JavaScript一样可以操作数组元素。有两种方式可以定义数组。...： let arrOfNumbers: number[] = [1,2,3,'name'] 复制代码报错信息：如果我们要使用数组中的Push方法，如果我们增加的是数字类型那么会正常运行，如果我们增加别的类型的值那么页会报错...function test(){ console.log(arguments) arguments.length arguments[0] } 复制代码在TypeScript中类型...已经定义好了很多类型比如： HTMLAllCollection IArguments NodeList 等等元组（Tuple）元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。...比如，你可以定义一对值分别为string和number类型的元组。

2.2K2 0

JavaScript和TypeScript中的symbol

symbol 是 JavaScript 和 TypeScript 中的原始数据类型，可用于对象属性。与 number 和 string 相比，symbol 具有一些独特的功能，使它脱颖而出。...TypeScript中的符号 TypeScript 完全支持符号，它是类型系统中的主要成员。symbol 本身是所有可能符号的数据类型注释。请参阅前面的 extendObject 函数。...和 JavaScript 中名义类型和不透明类型的交集。...TypeScript 中的 enum 是不透明的。...在以下例子中查看彩虹和黑色的颜色。

1.4K2 0

TypeScript 中的 export 和 import

TypeScript 中的 export 和 import 在 TypeScript 中，经常要使用 export 和 import 两个关键字，这两个关键字和 es6 中的语法是一致的，因为 TypeScript...注意：目前没有任何浏览器实现 export 和 import ，要在浏览器中执行，必须借助 TypeScript 或者其它的转换器！...要导入的外部模块的名称，通常是文件名； import 常见的用法有：导入整个模块的内容，在当前作用域插入 myModule 变量，包含 my-module.ts 文件中全部导出的绑定： import...'; 导入模块的多个导出成员，在当前作用域插入 foo 和 bar 变量： import {foo, bar} from 'my-module'; 导入模块的成员，并使用一个更好用的名字： import...import 'my-module'; 导入模块的默认导出： import myDefault from 'my-module'; 导入模块的默认导出和命名导出： import myDefault

3.7K1 0

【译】JavaScript和TypeScript中的Boolean

原文地址：Boolean in JavaScript and TypeScript 作者：ddprrt 在JavaScript中，布尔值是一种有趣的原始数据类型。...在TypeScript中，其能校验通过的总共有四个值。...JavaScript中的Boolean 布尔值可以取 true 或 false，其它类型的值也可能转换成 true 或 false，例如 undefined 和 null。...TavaScript中的Boolean 在 TypeScript 中，boolean 才是原始类型，请确保使用小写版本，而不是引用 Boolean 对象。...这样，我们也可用联合类型来自定义 TypeScript 中的 boolean 类型。

2.4K2 0

【原创】TypeScript中的类和模块

TypeScript中定义类 TypeScript中定义类使用class关键字，关键字后紧跟类名。类描述了构建对象共同的属性和方法。...并在字符串中使用${}进行属性的使用。类中的属性和方法也可以使用public和private等修饰符进行对属性和方法的访问控制。...TypeScript中类的继承继承是指子类继承父类的特征和行为(属性和方法)，使得子类具有父类相同的特征和行为。TypeScript中使用extends关键字完成对类的继承。...中的模块项目中可以将代码拆分为多个文件，多个文件可以互相加载，并通过export和import关键字完成模块功能的交换(从一个模块调用另外一个模块的函数)。.../Mail'; //使用代码文件1中的属性。 let mail = new Mail('邮箱标题','邮箱内容'); mail.content;

1441 0

TypeScript 中的顶级类型：any 和 unknown

翻译：疯狂的技术宅作者：Dr. Axel Rauschmayer 正文共：2525 字预计阅读时间：10 分钟 ? 在 TypeScript中，any 和 unknown 是包含所有值的类型。...在本文中，我们将会研究它们是怎样工作的。 ---- TypeScript 的两种顶级类型 any 和 unknown 在 TypeScript 中是所谓的“顶部类型”。...通常，类型是包含了其相关类型系统中所有可能的[值]的类型。也就是说，当把类型看作是值的集合时，any 和 unknown 是包含所有值的集合。...value; // 通常，`value` 的类型签名必须包含 .propName value.propName; // 通常只允许带有索引签名的数组和类型 value...): any; 在 unknown 类型出现之前，JSON.parse() 就已经被添加到了 TypeScript中。

2.5K2 0

TypeScript中的可选属性和只读属性

可选属性接口里的属性不全都是必需的。有些是只在某些条件下存在，或者根本不存在。例如给函数传入的参数对象中只有部分属性赋值了。...带有可选属性的接口与普通的接口定义差不多，只是在可选属性名字定义的后面加一个?符号。如下所示： interface Person { name: string; age?...: number; } 上面的例子中Person对象名字(name)是不可选的，age和gender是可选的。只读属性顾名思义就是这个属性是不可写的，对象属性只能在对象刚刚创建的时候修改其值。...来指定只读属性，如下所示： interface User { readonly loginName: string; password: string; } 上面的例子说明，当完成User对象的初始化后...readonly vs const 最简单判断该用readonly还是const的方法是看要把它做为变量使用还是做为一个属性。做为变量使用的话用const，若做为属性则使用readonly。

2.9K7 0

TypeScript 中的 any、unknown、never 和 void

今天来学习 TS 中几个比较特殊的类型：any、unknown、never、void。 any any 表示任意类型。...// 编译不会报错 const a: any = 6; a(); a.key1 = true; any 相当于抛弃了类型系统，会让代码变得不可预测和难以维护，需要程序员小心维护，一有不慎会造成运行时的错误...和 any 一样，unknown 也是任何类型的子类型，所有类型都可以传给 unknown，包括 any。...P : never （4）类型编程中，将一些类型丢弃。never 在联合类型以及重映射的 key 中会被丢弃。...比如 TS 内置的 Exclude 高级类型，会将联合类型 T 中的不属于 U 的 key 丢弃掉。 type Exclude = T extends U ?

1.3K2 0

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

） 3是firefox在拖动的时候会打开一个新窗口（firbox） 4是ie11不支持onclick属性方法； ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中...remove()方法不work (ie) 对于原因1的解决方案其中IE11 压根就不支持path属性，firefox和Safari还勉强通过hack的方式获取到path，获取方式如下： const...如果你firefox和ie11都想兼容，我们就设置好 dataTransfer.setData('Text'，数据），就好。...('click', function () {}) 如果你的业务代码里包含获取对象attributes的值的代码，比如 event.target.attributes[n].xxx 在ie11中attributes...的属性排序和其他浏览器不同，会引起bug。

3.4K3 0

理解 TypeScript 中 any 和 unknown

}; 在 TypeScript 中，任何东西可以赋值给 any 。它通常被称为 top type 。以这种方式编写代码似乎不太合适。它是不可预测的，很难维持。...您可能觉得在处理一些没有为其创建类型的第三方库时需要使用它，而且您不确定它们是如何工作的。另外，使用 any 可以将 TypeScript 添加到现有的 JavaScript 代码库中。...Unknown TypeScript 3.0中引入的 unknown 类型也被认为是 top type ，但它更安全。与 any 一样，所有类型都可以分配给unknown。...}; 我们只能将 unknown 类型的变量赋值给 any 和 unknown。 let uncertain: unknown = 'Hello'!...TypeScript编译器理解这一点，并假设类型。关于类型收缩, 更多的可以看 typescript 最佳实践总结在本文中，我们已经讨论了any和unknown之间的区别。

1.5K3 0

【TypeScript】中的数组和元组之间的关系

前言:学友写【TypeScript】的第二篇文章，TypeScript数组和元组，适合学TypeScript的一些同学及有JavaScript的同学，之前学的Javascript的同学都了解过数组，...都有一些基础，今天给大家看的是TypeScript中的数组，以及TypeScript中的元组，分别介绍他们的读取和操作方法，好，码了差不多7600多字，充实的一天，不愧是我，真棒！ ...，常用二维数组进行介绍 javascript中没有二维数组(实现方法：向数组中插入数组) typescript中二维数组:第一个维度为行,第二个维度为列语法：[][] let twoarrs : string...[][] let twoarrs : Array> 元组元组概念：元组(tuple) 是关系数据库中的基本概念，关系是一张表，表中的每行(数据库中的每条记录)就是一个元组...***访问元组中的值数组返回类型只有一个,而元组返回可以是不同的类型 1.通过下标访问 console.log(row[下标数字]) 2.循环遍历访问 TypeScript元组文件代码： /**

2.8K2 0

TypeScript中的类

在TypeScript中，类是一种用于创建对象的蓝图，它定义了对象的属性和方法。类可以看作是对象的模板，通过实例化类可以创建具体的对象。定义类要定义一个类，可以使用 class 关键字后跟类的名称。...，它们是类中的函数。...const person = new Person("John", 25);类的继承TypeScript支持类的继承，可以通过继承一个基类来创建派生类。....`); }}派生类可以继承基类的属性和方法，并可以添加自己的属性和方法。访问修饰符TypeScript提供了访问修饰符来控制类的属性和方法的访问权限。...public：默认的访问修饰符，公开访问，可以在类的内部和外部访问。private：私有访问，只能在类的内部访问。protected：受保护的访问，只能在类的内部和派生类中访问。

7713 0

TypeScript中的类型

let message: string = "Hello, TypeScript!";数组类型 (array)数组类型表示一个元素的集合。...= [1, 2, 3, 4, 5];let fruits: Array = ["apple", "banana", "orange"];元组类型 (tuple)元组类型表示一个已知长度和类型的数组...function showMessage(): void { console.log("Hello");}高级类型联合类型 (union)联合类型表示一个值可以是多个类型中的一个。...B { age: number;}type C = A & B;let person: C = { name: "John", age: 25,};函数类型 (function)函数类型表示函数的参数和返回值类型...type Point = { x: number; y: number;};let p: Point = { x: 10, y: 20,};接口 (interface)接口定义了一个对象的属性和方法

1.9K3 0

TypeScript中，抽象类和接口的区别

现在，对于TypeScript的使用越来越多，而要用TypeScript进行开发，不仅是语法上的不同，更是思想上的不同。...今天，就来分享下TypeScript中，抽象类与接口的特性及其区别；这是JavaScript中没有提及的概念。所以，更要对其了解，才能更好的在项目中应用它们。目录： 1.什么是抽象类？...，比如奔驰和宝马车有飞行和走水路的功能(其他的车没有)！...抽象类和接口的区别？...，而接口大多数是定义在关系疏松但都实现某一功能的类中总结：抽象类是对类本质的抽象，表达的是 is a 的关系，比如：male is a Human。

1.2K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

JavaScript中的Promises

【译】JavaScript中的Promises

async 函数和 promises 的性能提升

用漫画来解说AngularJs中的Promises

typescript中的class和interface

「译」更快的 async 函数和 promises

TypeScript中的数组和元组

JavaScript和TypeScript中的symbol

TypeScript 中的 export 和 import

【译】JavaScript和TypeScript中的Boolean

【原创】TypeScript中的类和模块

TypeScript 中的顶级类型：any 和 unknown

TypeScript中的可选属性和只读属性

TypeScript 中的 any、unknown、never 和 void

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

理解 TypeScript 中 any 和 unknown

【TypeScript】中的数组和元组之间的关系

TypeScript中的类

TypeScript中的类型

TypeScript中，抽象类和接口的区别

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐