前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript: 深入 ts - 基本风格和小技巧使用

TypeScript: 深入 ts - 基本风格和小技巧使用

作者头像
西南_张家辉
发布2021-02-02 10:07:51
7310
发布2021-02-02 10:07:51
举报
文章被收录于专栏:张家辉的树屋

一些常用的小技巧

  • 平时写代码的时候查询资料积累的一些小技巧

基本风格使用

代码语言:javascript
复制
1、使用箭头函数代替匿名函数表达式。
2、只要需要的时候才把箭头函数的参数括起来。比如,(x) => x + x 是错误的,下面是正确的做法:
    x => x + x
    (x,y) => x + y
    (x: T, y: T) => x === y

3、总是使用 {} 把循环体和条件语句括起来。
小括号里开始不要有空白。逗号,冒号,分号后要有一个空格。比如:
    for (let i = 0, n = str.length; i < 10; i++) { }
    if (x < 10) { }

4、function f(x: number, y: string): void { }
    每个变量声明语句只声明一个变量 。比如:使用 let x = 1; var y = 2; 而不是 let x = 1, y = 2;)。
5、如果函数没有返回值,最好使用 void
复制代码

class的使用

  • 在 TypeScript 中,我们可以通过 Class 关键字来定义一个类:
代码语言:javascript
复制
class Greeter {
   static cname: string = 'Greeter'; // 静态属性
   greeting: string; // 成员属行

   constructor(message: string) { // 构造函数 - 执行初始化操作
     this.greeting = message;
   }

    static getClassName() { // 静态方法
      return 'Class name is Greeter';
    }
    
    greet() { // 成员方法
      return "Hello, " + this.greeting;
    }
}

let greeter = new Greeter("world");
复制代码

处理 json 和字符串

代码语言:javascript
复制
let person = "{"name":"Sam","Age":"30"}";

const jsonParse: ((key: string, value: any) => any) | undefined = undefined;
let objectConverted = JSON.parse(textValue, jsonParse);
复制代码

转换数字

  • 基本的 JavaScript 的操作
代码语言:javascript
复制
var n = +"1"; // the unary + converts to number
var b = !!"2"; // the !! converts truthy to true, and falsy to false
var s = ""+3; // the ""+ converts to string via toString()

var str = '54';

var num = +str; //easy way by using + operator
var num = parseInt(str); //by using the parseInt operation 
  • 在 typescript 中推荐使用Number
代码语言:javascript
复制
Number('1234') // 1234
Number('9BX9') // NaN

// 同等的字符串转换用
String(123) // '123'
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 基本风格使用
  • class的使用
  • 处理 json 和字符串
  • 转换数字
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档