您必须知道的8个清洁打字稿代码的提示
#javascript #网络开发人员 #react #typescript

您好,您令人惊叹的键盘勇士和打字稿! ð今天,我们正在潜入打字稿的世界,以及如何使您的代码更加清洁,而僧侣的日常工作则更加清洁。因为让我们面对现实,没有人喜欢阅读混乱的代码,甚至没有写它的人。好吧,除了那些拥有博士学位的开发人员外,也许在意大利面条代码考古学中。 ð

因此,如果您笑了,想升级您的打字稿游戏,那么您来对地方了。是时候清理您的行为了,Kiddo!


1.任何nihilatorð¥

让我们以每个人最不喜欢的类型来开始事情:any。您最好将其命名为“我放弃”类型。 ð如果您使用的是any,则本质上是在休假的一天,然后告诉它:“嘿,不用担心为我检查这个变量。”但是打字稿喜欢感到有用!

示例:坏和丑陋ð

let anythingGoes: any = "I'm a string but could be a number tomorrow. YOLO!";

示例:良好ð

let notJustAnything: string = "I am a well-defined string, thank you very much.";

2.枚举是您的朋友,而不是食物ð

打字稿中的枚举就像那些在需要时总是在那里的朋友。它们就像炸薯条的番茄酱,胡萝卜的豌豆,蝙蝠侠到罗宾。你懂了。它们使您的代码更具可读性,并且不容易容易出现“魔术数字”或字符串。

示例:不要野蛮

if (status === 1) { /* Do something */ }

示例:成为绅士ð©

enum Status {
  Pending,
  Approved,
  Rejected
}

if (status === Status.Approved) { /* Do something */ }

3.保持干燥,就像您的幽默感一样

您已经听到了古老的口头禅:“不要重复自己”(干燥)。因为重复代码几乎和那些在每个家庭聚会上开玩笑的亲戚一样令人讨厌。 Typescript提供了通过接口和类型别名保持代码干燥的绝佳方法。

示例:湿,混乱ð

const greetPerson = (person: {name: string, age: number}) => {
  //...
}

示例:像撒哈拉ðµ
一样干燥

interface Person {
  name: string;
  age: number;
}

const greetPerson = (person: Person) => {
  //...
}

4.不发表评论ð

评论在增加价值时很棒。但是通常,它们就像您的菜式上的欧芹,但毫无用处。如果您的代码需要一篇文章才能理解,那么该重新考虑您的生活选择了。编写自我解释的代码并仅在绝对必要时使用注释。

示例:不必要的叙述ð

// This function adds two numbers
const add = (a: number, b: number) => {
  return a + b;
}

示例:很明显,它伤害了函

const add = (a: number, b: number) => {
  return a + b;
}

5.棘手的三字骗子ð

啊,三元操作员!如此紧凑,如此优雅,如此……令人困惑吗?下次阅读代码时,明智地使用三元操作员或为大脑扭曲准备。

示例:什么是什么? ðÖ

const result = a ? b ? c ? d : e : f : g;

示例:简单微风ð—

const result = a ? handleA() : handleNotA();

6.做一件事:您的功能的生活目的ðª

瘦功能很流行!功能应该做一件事并做得很好。如果您的功能试图解决世界饥饿,那么您做错了。保持苗条和卑鄙!

示例:矮胖的猴子ðµ

const doEverything = () => {
  // a whole bunch of code doing 100 things
}

示例:专业士兵ð

const doOneThing = () => {
  // do just that one thing, but do it well!
}

7.神奇的无效合并ð§

ah,无效的合并运营商??。使用此魔术棒,您可以在原始值为null或未定义时分配一个默认值。告别冗长的if-else块。考虑到,所有这些时间都可能是打字稿向导!

示例:null,谁? ðü

const value = null;
const defaultValue = "Default";
const result = value ?? defaultValue; // result will be "Default"

示例:默认发电机

const value = "I exist!";
const defaultValue = "Default";
const result = value ?? defaultValue; // result will be "I exist!"

8.像pro -

破坏性就像袖珍工具箱中的救生员一样。无论您是想从对象还是阵列中获取变量,破坏都是您的首选人。它不仅可以使您的代码更清洁,而且可以使您的代码更具表现力。这就像在俱乐部里学习秘密握手一样。

示例:老式布鲁斯ð¼

const person = { name: 'Bob', age: 40 };
const name = person.name;
const age = person.age;

示例:破坏Discoðº

const { name, age } = person;

总之:编码天堂正在等待! ð

所以你有,伙计们!八个神话般的技巧,可以使您的打字稿代码清洁,更精益和卑鄙。阅读您的代码不再是解码古代象形文字。 ðº

现在,球在您的球场上。认为我们错过了什么?您想分享任何提示或技巧吗?请随时在下面发表评论。我们谦虚的博客社区希望收到您的来信! ð

和平,爱与干净的代码! -