npm install jspdf --save

yarn add jspdf

var doc = new jsPDF()
doc.text('Hello world!', 10, 10)
doc.save('a4.pdf')

var doc = new jsPDF({
 orientation: 'landscape',
 unit: 'in',
 format: [4, 2]
})
doc.text('Hello world!', 1, 1)
doc.save('two-by-four.pdf')

import * as jsPDF from 'jspdf'

import jsPDF from 'jspdf';

于TypeScript的先天優(yōu)勢，TypeScript越來越受歡迎。那問題來了：TypeScript 和 JavaScript 究竟哪個更好？JavaScript真的會敗北嗎？

作者 | Mahdhi Rezvi

譯者 | 明明如月，責編 | 郭芮

以下為譯文：

你以前可能曾聽說過“TypeScript”這個詞。到現(xiàn)在 2019年，TypeScript 在 GitHub 最常用編程語言排行榜排名第 7 位，在增速最快的編程語言排行榜中占第 5 位。

TypeScript (TS) 是微軟開發(fā)的一種開源編程語言，可以編譯成 JavaScript (JS) 代碼。自 2012 年發(fā)布以來，這門語言一直保持活躍發(fā)展并且越發(fā)受歡迎。

在早期，開發(fā)社區(qū)就將 TypeScript 和 Angular 緊密聯(lián)系在一起。盡管用 JS 也不是不行，但是 Angular 強迫你使用 TypeScript。

TypeScript 和 JavaScript 的區(qū)別是什么？

Typescript 是 JavaScript 的超集，可以被編譯成 JavaScript 代碼。 用 JavaScript 編寫的合法代碼，在 TypeScript 中依然有效。 Typescript 是純面向?qū)ο蟮木幊陶Z言，包含類和接口的概念。 程序員可以用它來編寫面向?qū)ο蟮姆斩嘶蚩蛻舳顺绦颍⑺鼈兙幾g成 JavaScript 代碼。

TypeScript和 JavaScript的關系，圖源：GeeksforGeeks

TypeScript 引入了很多面向?qū)ο蟪绦蛟O計的特征，包括：

• interfaces 接口

• classes 類

• enumerated types 枚舉類型

• generics 泛型

• modules 模塊

主要不同點如下：

• TS 是一種面向?qū)ο缶幊陶Z言，而 JS 是一種腳本語言（盡管 JS 是基于對象的）。

• TS 支持可選參數(shù)， JS 則不支持該特性。

• TS 支持靜態(tài)類型，JS 不支持。

• TS 支持接口，JS 不支持接口。

為什么要用 TypeScript ？

• TS 在開發(fā)時就能給出編譯錯誤， 而 JS 錯誤則需要在運行時才能暴露。

• 作為強類型語言，你可以明確知道數(shù)據(jù)的類型。代碼可讀性極強，幾乎每個人都能理解。

• TS 非常流行，被很多業(yè)界大佬使用。像 Asana、Circle CI 和 Slack 這些公司都在用 TS。

為什么不該用 TypeScript ？

• TS 需要編譯。TS 得通過編譯才能變成 JS 代碼。

• 隨著時間的推移，類型可能變得非常復雜。當項目不斷變大時這種情況十分常見。

• 盡管 TS 是類型安全的，在有些情況下編譯器也有檢查不出任何錯誤的情況。當我們修改編譯后的 JS 代碼時，錯誤就不可檢測了。不過隨著編譯器不斷改進，這種情況會越來越少。

摘要

表格來自：Edureka

結論

那問題來了：TypeScript 和 JavaScript 哪個更好？

由于 TS 的先天優(yōu)勢，TS 越來越受歡迎。但是請記住，TS 最終不可能取代 JS，因為 JS 是 TS 的核心。

選擇 TypeScript 還是 JavaScript 要由開發(fā)者自己去做決定。如果你喜歡類型安全的語言，那么推薦你選擇 TS。 如果你已經(jīng)用 JS 好久了，你可以選擇走出舒適區(qū)學習 TS，也可以選擇堅持自己的強項，繼續(xù)使用 JS。

本文到此結束，希望你能有所收獲，輕松快樂的學習。

原文：https://medium.com/javascript-in-plain-english/is-typescript-the-way-forward-659caa2cb10f

作者：Mahdhi Rezvi，移動開發(fā)工程師，曼徹斯頓大學計算機專業(yè)本科生，熱衷學習新技術。譯者：明明如月，知名互聯(lián)網(wǎng)公司 Java 高級開發(fā)工程師，CSDN 博客專家。

本文為 CSDN 翻譯，轉載請注明來源出處。

慶假期很適合學習點新知識。前幾天有粉絲在后臺問我關于使用 js 開發(fā)后端服務的建議，我給推薦了這一個面向小白的走向全棧開發(fā)工程師的教程。

關于這個全棧入門教程

這是一個面向零基礎的基于 JavaScript 語言的全棧開發(fā)教程，教程基于目前流行的前后端分離開發(fā)模式，使用 Vue.js + Node.js 并且通過從實際需求的角度來完成基礎的業(yè)務代碼，沒有過多功能封裝，幾乎都是底層的代碼，通俗易懂，上手容易。

關于作者

這套 JavaScript 全棧教程的作者是廖雪峰，是一位有著超過十年軟件開發(fā)經(jīng)驗的大神，精通 Java / Python / Ruby / Visual Basic / Objective C 等，對開源框架有很深入的研究，著有《Spring 2.0核心技術與最佳實踐》一書，是很多后端開發(fā)工程師非常熟知的業(yè)內(nèi)大神。

教程目錄

因為針對的是對 javascript 零基礎的小白用戶，因此這個教程有很大篇幅是 javascript 語言入門。

• JavaScript簡介
• 快速入門
• 函數(shù)
• 標準對象
• 面向?qū)ο缶幊?/span>
• 瀏覽器
• jQuery
• 錯誤處理
• underscore
• Node.js

學習建議和感想

這是我毫無后端開發(fā)經(jīng)驗時學習后端開發(fā)的入門的教程，這套教程讓我學會了如何使用 javascript 來開發(fā)后端 api 接口。而且前面的基礎語法教程，也看得津津有味，復習了很多不會用、不常用但很巧妙的代碼實現(xiàn)。這是我推薦這個教程的最大原因。

這個教程除了適合零基礎的小白，我認為這更像一個寫給后端開發(fā)者的、從其他后端語言轉 javascript 的教程，如果像我之前學習的那樣沒有過后端開發(fā)經(jīng)驗，就需要注意幾個問題：

• 教程涉及的代碼最后自己敲出來實現(xiàn)一遍，看懂并不代表會寫
• 后端開發(fā)設計的基礎知識很多，建議提前了解數(shù)據(jù)庫、服務器基本知識，學習起來會更順暢
• 教程中很多關聯(lián)的代碼片段，拷貝出來配合流程圖來理解，會事半功倍

入門靠老師，修行靠自己。總的來說，這只是一套非常基礎的入門教程，學完后能夠了解前端開發(fā)和后端開發(fā)，可以實現(xiàn)簡單的 demo，可以幫助我們學習 koa / egg.js 這類基于 Node.js 的后端開發(fā)框架，但后端開發(fā)需要學習的知識很多，數(shù)據(jù)庫設計、查詢優(yōu)化、架構設計等等，成為一個合格的全棧工程師，路還有很遠。

教程免費學習說明

這是一個完全免費的 JavaScript 全棧入門教程，就算完全不懂 js 也能快速入門，在線免費學習。如果想學 js 語法，也可以看看之前推薦過的阮一峰寫的免費 javascript 系統(tǒng)學習入門教程。

最后祝各位有所收獲，邁進全棧開發(fā)工程師行列。

關注我，持續(xù)分享高質(zhì)量的免費開源、免費商用的資源。

↓↓點擊查看本次分享的網(wǎng)址。

JavaScript 全棧開發(fā)入門 - 由廖雪峰提供的面向小白的免費在線教程｜那些免費的磚