weixin_44828588的博客

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。

完整的Typescript，由简单到复杂，复杂重点类型操作、联合类型等通过动画和照片形式展示，更容易理解。丰富题目：分位简单，中等、苦难，有简到难。在线编辑器，用于练习，极其方便。

格式化是让代码整洁的一个简单却又重要手段（我在项目组见过，有多年工作经验的老司机也未对代码格式化），但是，格式定义却没有什么硬性规定。争论那种格式更好都是徒劳，浪费时间，在格式化上这点上，最重要的就是要统一，项目或公司级的统一格式规范。确实，很多国内外公司都有自己的代码格式规范。试想，如果一个接口是一个大而全的抽象，那么实现这个接口就会成为一种负担，因为需要实现一些不需要的方法。这个原则的定义是：“如果 S 是 T 的一个子类型，那么类型 T 的对象可以被替换为类型 S 的对象，而不会改变程序的正确性”。

可能因为我们一直关注需求和模型，代码往往被忽略。虽然现在有很多低代码平台可以批量生产代码，但是代码层面的抽象和其呈现的细节是无法被忽视的。我们可能都碰到过类的情况：项目初期迅速迭代，随着项目日渐复杂，维护迭代成本逐渐变大，对A处代码的修改都会影响C和D处代码，甚至你不知道会不会影响其他地方代码。随着混乱增加，团队的生产力下降，开发效率降低，开发成本回增高。为了解决以上因“糟糕”代码带来的各种问题，在读完《Clean Code》后总结一下代码整洁之道，核心围绕“净”。

在开发过程中，遵循标准的命名约定可以提高代码的可读性。下面就来看看 JavaScript 中命名约定的最佳实践。

在接触 ts 相关代码的过程中，总能看到 interface 和 type 的身影。写代码感觉谁像是一堆亲兄弟，相同的功能用哪一个都可以实现。但最近总看到他们，就想深入的了解一下他们。1.interface：接口TypeScript 的核心原则之一是对值所具有的结构进行类型检查。 而接口的作用就是为这些类型命名和为你的代码或第三方代码定义数据模型。interface ConfigValue { label: string;}function print(labelledObj: Co

前言这篇文章前前后后写了几个月,之前总是零零散散的学习,然后断断续续的写文章(懒),自己参考了很多文章以及看了一些ts视频,然后把基础的知识点全部总结了一下.自我感觉比掘金上的所有typescript入门的热门文章都要详细 哈哈,因为那些热门文章我全部都参考了,内容基本都包含了.这一次一定得沉淀下来。好好的把这篇文章给写完.本来自己以前是不喜欢ts的,因为它有一定的学习成本,代码量增加,代码复杂度增加等.后来慢慢觉得，ts的静态检查使得开发者提前发现错误，在前端工程化开发的今天确实有必要，因为团队成

前端代码格式化实践 eslint + prettier：优加实习需求背景多人合作开发需要对代码格式进行规范，为了方便和统一我们可以借助前端代码格式化工具，可以借助eslint来规定代码规范，prettier进行代码格式化。实践（vue项目）vscode配置setting.json文件,写入下面规则，在保存代码时自动格式化代码 { "editor.formatOnSave": true } 复制代码安装相关依赖（具体用处之后补充）npm i eslint es

什么是 ESLint ？ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数的例外：ESLint 使用 Espree 解析 JavaScript。 ESLint 使用 AST 去分析代码中的模式 ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。以上来自官网。不想再说下去，反正就是一个代码风格检测工具就对了如何

TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。本文阿宝哥将分享这些年在学习 TypeScript 过程中，遇到的 10 大 “奇怪” 的符号。其中有一些符号，阿宝哥第一次见的时候也觉得 “一脸懵逼”，希望本文对学习 TypeScript 的小伙伴能有一些帮助。好的，下面我们来开始介绍第一个符号 ——! 非空断言操作符。一、! 非空断言操作符在上下文中当类型检查器无法断定类..

接口介绍TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口初探下面通过一个简单示例来观察接口是如何工作的：function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label);}let myObj = { size: .

变量声明let和const是JavaScript里相对较新的变量声明方式。 像我们之前提到过的，let在很多方面与var是相似的，但是可以帮助大家避免在JavaScript里常见一些问题。const是对let的一个增强，它能阻止对一个变量再次赋值。因为TypeScript是JavaScript的超集，所以它本身就支持let和const。 下面我们会详细说明这些新的声明方式以及为什么推荐使用它们来代替var。如果你之前使用JavaScript时没有特别在意，那么这节内容会唤起你的回忆。 ...