国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

從項目中由淺入深的學習typescript (3)

ninefive / 3004人閱讀

摘要:序列文章從項目中由淺入深的學習微信小程序和快應用從項目中由淺入深的學習前言為什么會有大家有沒想過這個問題原因是是弱類型編程語言也就是申明變量類型可以任意變換。是的超集,也相當于預處理器本文通過一個項目來讓你快速上手。

序列文章

從項目中由淺入深的學習vue,微信小程序和快應用 (1)
從項目中由淺入深的學習react (2)

前言
為什么會有TS? 大家有沒想過這個問題,原因是JS是弱類型編程語言,也就是申明變量類型可以任意變換。所以這個時候TS出現了。
TS 是 JS 的超集,也相當于預處理器,本文通過一個template項目來讓你快速上手TS。
1.效果圖


vue-ts-template , 歡迎star

2.技術棧
1.vue
2.vue-cli3
3.vue-router
4.vuex
5.typescript
6.iconfont
3.核心插件
技能點 對應的api
vue-class-component 是vue官方提供的,暴露了vue和component實例
vue-property-decorator 是社區提供
深度依賴vue-class-component拓展出了很多操作符@Component @Prop @Emit @Watch @Inject
可以說是 vue class component 的一個超集,正常開發的時候 你只需要使用 vue property decorator 中提供的操作符即可

vue-property-decorator暴露的API

API 作用
@Component 注冊組件
get 類似vue的computed
@Prop,@Emit 組件傳值
@Watch 監聽值變化
@Privde,@Inject 對應privde和inject
高階組件用法,作用是多級父組件傳值給子
@Model 類似vue的model
4.TS語法
數據類型 any(任意類型);
number;
string,
boolean;
數組:number[]或new Array(項的數據類型相同);
void返回值類型;
null;
undefined;
never(從不出現值);
元祖(比數組強大,項的類型可以不同);
接口:interface關鍵字;
對象:類似JS的object;
函數:function聲明;
類:class關鍵字,包括字段,構造函數和方法
變量聲明 let [變量名] : [類型] = 值, 必須指定類型
聲明array,let arr: any[] = [1, 2]
運算符,條件語句,循環 同JS
函數 聲明同JS,形參必須指定類型,因為形參也是變量
聯合類型 通過豎線聲明一組值為多種類型
命名空間 namespace關鍵字
模塊 import和export
訪問控制符 public,private(只能被其定義所在的類訪問)和protected(可以被其自身以及其子類和父類訪問)
默認public,是不是有點Java的味道
5.問題來了

1.怎么在項目手動配置ts?
vue+ts項目配置

2.接口和類的區別?
接口只聲明成員方法,不做實現 ,class通過implements 來實現接口
ts中接口和類的區別

3.接口和對象的區別?
接口是公共屬性或方法的集合,可以通過類去實現;
對象只是鍵值對的實例

4.類class和函數的區別?
類是關鍵字class,函數是function
類可以實現接口

5.接口實現繼承方法?

interface Person { 
   age:number 
} 
 
interface Musician extends Person { 
   instrument:string 
} 
 
var drummer = {}; 
drummer.age = 27 
drummer.instrument = "Drums" 
console.log("年齡:  "+drummer.age)
console.log("喜歡的樂器:  "+drummer.instrument)

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

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

相關文章

  • 項目由淺入深學習koa 、mongodb(4)

    摘要:序列文章從項目中由淺入深的學習微信小程序和快應用從項目中由淺入深的學習從項目中由淺入深的學習前言的出現前端已經可以用一把梭從前端寫到后臺。 showImg(https://segmentfault.com/img/bVbrRI5?w=1920&h=1080); 序列文章 從項目中由淺入深的學習vue,微信小程序和快應用 (1)從項目中由淺入深的學習react (2)從項目中由淺入深的學...

    null1145 評論0 收藏0
  • 阿里云前端周刊 - 第 15 期

    摘要:推薦為什么我們選擇本文是工程師記述在前端技術選型時選用的考慮過程。能夠保證較好的類型覆蓋,但是其對于多態性的支持并不是很好,并且的社區也相對活躍。引擎就是為解決這一問題而生,在中也是采用該引擎來解析。 推薦 1. 為什么我們選擇 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程師 Niranjan Ramadas 記述在...

    stefanieliang 評論0 收藏0
  • JS筆記

    摘要:從最開始的到封裝后的都在試圖解決異步編程過程中的問題。為了讓編程更美好,我們就需要引入來降低異步編程的復雜性。異步編程入門的全稱是前端經典面試題從輸入到頁面加載發生了什么這是一篇開發的科普類文章,涉及到優化等多個方面。 TypeScript 入門教程 從 JavaScript 程序員的角度總結思考,循序漸進的理解 TypeScript。 網絡基礎知識之 HTTP 協議 詳細介紹 HTT...

    rottengeek 評論0 收藏0
  • SegmentFault 技術周刊 Vol.16 - 淺入淺出 JavaScript 函數式編程

    摘要:函數式編程,一看這個詞,簡直就是學院派的典范。所以這期周刊,我們就重點引入的函數式編程,淺入淺出,一窺函數式編程的思想,可能讓你對編程語言的理解更加融會貫通一些。但從根本上來說,函數式編程就是關于如使用通用的可復用函數進行組合編程。 showImg(https://segmentfault.com/img/bVGQuc); 函數式編程(Functional Programming),一...

    csRyan 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<