TypeScript，初次見面，請多指教 ?

Sunxb 發布于2019-08-26 13:36 / 1153人閱讀

摘要：推我的是團隊正在日益普及我希望推動你的可以是這篇文章接下來，會有的項目為背景，介紹我在初學開發項目中遇到的一些問題，希望對你有所幫助。

摘要： TS入門手冊。

原文：TypeScript，初次見面，請多指教

作者：徐祁

Fundebug經授權轉載，版權歸原作者所有。

為什么用 TS ?

說實話，最開始并沒有想把 TS 用到實際項目中來，一來是感覺“類型”會限制 JS 的優勢（好吧，就是浪寫浪慣了）；二來聽聞 TS + Redux 的酸爽滋味，有點望而卻步；三來 TS 環境使用的庫需要加類型的聲明，很多庫并不支持，有點擔心推進的流暢度 ...

這個時候，就需要有一股無形的力量推你一把。推我的是團隊正在日益普及 TS, 我希望推動你的可以是這篇文章 ~

接下來，會有 React + TS 的項目為背景，介紹我在初學 TS 開發項目中遇到的一些問題，希望對你有所幫助。

一. 如何優雅的聲明類型

1. 基礎

不就是比 JS 多了一個類型聲明嗎？老夫擼起袖子拎起鍵盤就是一梭子：

interface Basic {
  num: number;
  str: string | null;
  bol?: boolean;
}

輕輕松松，五種 JS 值類型就聲明好了。那數組、函數呢？再來：

interface Func {
  func(str: string): void;
}

interface Arr {
  str: string[];
  mixed: Array;
  fixedStructure: [string, number];
  basics: Basic[];
}

除此之外，竟然還可以定義自己的類型呢，比如常用的回調函數，在聲明處需要指定回調函數的類型：

event.on("change", function() {});

那這個 on 方法需要如何聲明呢？試試看 Function當 cb 函數的類型呢

on(type: string, cb: Function): {}

然后就恭喜了，你會得到一個 tslint error :

慶幸的是，在這個 error 里面它告訴了你應該怎么做：聲明一個專用的函數類型就可以了：

type Cb = () => void;

on(type: string, cb: Cb);

至此，我們的 TS 人生算是起步了

云服務器 GPU云服務器初次見面 TypeScript 見面 typescript javascript

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109150.html

前端每周清單第 45 期: Safari 支持 Service Worker, Parcel 完整教

摘要：的另一個核心特性，蘋果表示也正在開發中，按開發進度可能幾個月后就能與我們見面。是基于的本地化數據庫，支持以及瀏覽器環境。前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號（ID: frontshow），及時獲取前端每周清單。本期是 2017 年的最后一...

趙春朋 2019-08-21 18:24 評論0 收藏0
Element-ui實現合并多圖上傳（一次請求多張圖片）

摘要：實現多圖上傳主要用到以下兩個屬性是自帶多圖上傳的，但是細心的朋友可能發現默認多圖的實現可能和我們預期有些出入，有截圖可以看出，實質是進行多次請求在上傳事件觸發后，多圖上傳的默認實現調用了三次請求。前言工作中碰到需要多圖上傳，在使用element-ui解決過程中碰到一些問題，在這里分享給大家。環境： Springboot+Vue+Element-ui 正文這次上傳使用的是Elem...

loostudy 2019-08-19 10:51 評論0 收藏0
用typescript開發手勢庫 - (1)web開發常用手勢有哪些?

這只是個開頭說在最前面,本文是一個系列文章的開頭, 這個系列里我會講如何用typescript開發一款支持pc和手機端的手勢庫any-touch, 以及通過jest讓你的代碼測試覆蓋率100%. showImg(https://segmentfault.com/img/bVbp3B0?w=936&h=246); 目錄用TypeScript開發手勢庫 - (2)tsconfig.json & r...

raise_yang 2019-08-23 16:03 評論0 收藏0
初次見面，能否把你的「注冊表」都給我？#yyds干貨盤點#

摘要：一前言注冊表對于注冊中心尤為重要，所有的功能都是圍繞這個注冊表展開。條件二注冊表信息是否為空。這樣就會有一份的注冊表信息了。對于端來說，首次獲取注冊表時就會全量抓取注冊表，存在自己本地。后續第二次見面，怎么獲取注冊表呢大家好，我是悟空。一、前言注冊表對于注冊中心尤為重要，所有的功能都是圍繞這個注冊表展開。比如...

劉厚水 2021-11-24 09:39 評論0 收藏0
十分鐘教你理解TypeScript中的泛型

摘要：進入其下載的目錄，并按照提示進行安裝。理解中心思想剛才使用類型導致的問題，可以用中的泛型來解決。你可以在泛型聲明中繼承它這告訴，可使用任何具有屬性的類型。在中使用泛型的主要原因是使類型，類或接口充當參數。轉載請注明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。 showImg(https://segmentfault.com/img/bVbuXpw?...

hosition 2019-08-23 18:37 評論0 收藏0