成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

從項(xiàng)目中由淺入深的學(xué)習(xí)typescript (3)

ninefive / 3010人閱讀

摘要：序列文章從項(xiàng)目中由淺入深的學(xué)習(xí)微信小程序和快應(yīng)用從項(xiàng)目中由淺入深的學(xué)習(xí)前言為什么會(huì)有大家有沒想過這個(gè)問題原因是是弱類型編程語言也就是申明變量類型可以任意變換。是的超集，也相當(dāng)于預(yù)處理器本文通過一個(gè)項(xiàng)目來讓你快速上手。

序列文章

從項(xiàng)目中由淺入深的學(xué)習(xí)vue,微信小程序和快應(yīng)用 (1)
從項(xiàng)目中由淺入深的學(xué)習(xí)react (2)

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


vue-ts-template , 歡迎star

2.技術(shù)棧 
1.vue
2.vue-cli3
3.vue-router
4.vuex
5.typescript
6.iconfont
3.核心插件
技能點(diǎn) 對(duì)應(yīng)的api
vue-class-component 是vue官方提供的，暴露了vue和component實(shí)例
vue-property-decorator 是社區(qū)提供
深度依賴vue-class-component拓展出了很多操作符@Component @Prop @Emit @Watch @Inject
可以說是 vue class component 的一個(gè)超集，正常開發(fā)的時(shí)候 你只需要使用 vue property decorator 中提供的操作符即可

vue-property-decorator暴露的API

API 作用
@Component 注冊(cè)組件
get 類似vue的computed
@Prop,@Emit 組件傳值
@Watch 監(jiān)聽值變化
@Privde,@Inject 對(duì)應(yīng)privde和inject
高階組件用法,作用是多級(jí)父組件傳值給子
@Model 類似vue的model
4.TS語法
數(shù)據(jù)類型 any(任意類型)；
number；
string,
boolean；
數(shù)組：number[]或new Array(項(xiàng)的數(shù)據(jù)類型相同)；
void返回值類型；
null；
undefined；
never(從不出現(xiàn)值)；
元祖(比數(shù)組強(qiáng)大,項(xiàng)的類型可以不同)；
接口：interface關(guān)鍵字；
對(duì)象：類似JS的object；
函數(shù)：function聲明；
類：class關(guān)鍵字，包括字段，構(gòu)造函數(shù)和方法
變量聲明 let [變量名] : [類型] = 值, 必須指定類型
聲明array,let arr: any[] = [1, 2]
運(yùn)算符,條件語句,循環(huán) 同JS
函數(shù) 聲明同JS,形參必須指定類型,因?yàn)樾螀⒁彩亲兞?/td>
聯(lián)合類型 通過豎線聲明一組值為多種類型
命名空間 namespace關(guān)鍵字
模塊 import和export
訪問控制符 public，private(只能被其定義所在的類訪問)和protected（可以被其自身以及其子類和父類訪問）
默認(rèn)public，是不是有點(diǎn)Java的味道
5.問題來了

1.怎么在項(xiàng)目手動(dòng)配置ts？
vue+ts項(xiàng)目配置

2.接口和類的區(qū)別？
接口只聲明成員方法，不做實(shí)現(xiàn) ，class通過implements 來實(shí)現(xiàn)接口
ts中接口和類的區(qū)別

3.接口和對(duì)象的區(qū)別？
接口是公共屬性或方法的集合，可以通過類去實(shí)現(xiàn)；
對(duì)象只是鍵值對(duì)的實(shí)例

4.類class和函數(shù)的區(qū)別？
類是關(guān)鍵字class，函數(shù)是function
類可以實(shí)現(xiàn)接口

5.接口實(shí)現(xiàn)繼承方法？

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)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103630.html

相關(guān)文章

  • 從項(xiàng)目中由淺入深的學(xué)習(xí)koa 、mongodb(4)

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

    null1145 評(píng)論0 收藏0

  • 阿里云前端周刊 - 第 15 期

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

    stefanieliang 評(píng)論0 收藏0

  • JS筆記

    摘要：從最開始的到封裝后的都在試圖解決異步編程過程中的問題。為了讓編程更美好，我們就需要引入來降低異步編程的復(fù)雜性。異步編程入門的全稱是前端經(jīng)典面試題從輸入到頁面加載發(fā)生了什么這是一篇開發(fā)的科普類文章，涉及到優(yōu)化等多個(gè)方面。 TypeScript 入門教程 從 JavaScript 程序員的角度總結(jié)思考，循序漸進(jìn)的理解 TypeScript。 網(wǎng)絡(luò)基礎(chǔ)知識(shí)之 HTTP 協(xié)議 詳細(xì)介紹 HTT...

    rottengeek 評(píng)論0 收藏0

  • SegmentFault 技術(shù)周刊 Vol.16 - 淺入淺出 JavaScript 函數(shù)式編程

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

    csRyan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<