如何將js代碼轉換為ts代碼的簡單介紹

本文目錄一覽：

• 1、變成ts的步驟
• 2、什麼是ts 編程
• 3、js怎麼轉化為typescript
• 4、 如何將JS代碼更換成異步統計代碼’ title=’> 如何將JS代碼更換成異步統計代碼’>> 如何將JS代碼更換成異步統計代碼

變成ts的步驟

installtslinttslint-react,@types/react,react-native-typescript-transformer,此處可能需要升級node到10。添加全局檢測命令。

“extends”:[“tslint:latest”,”tslint-react”],

“rules”:{

//overridetslint-reactrulshere

“jsx-wrap-multiline”:false,

“semicolon”:[true,”never”],

“quotemark”:[true,”single”],

“trailing-comma”:[true,”never”],

“member-access”:[true,”no-public”],//解決react中的鉤子函數要加修飾符的問題

“arrow-parens”:false,//箭頭函數不需要箭頭

“object-literal-sort-keys”:false,

“no-trailing-whitespace”:false,//換行

“ordered-imports”:false,//導入包是否按照首字母排序

“no-unused-expression”:false,

“jsx-no-lambda”:false,//箭頭函數

“jsx-curly-spacing”:true,//定義大括弧左右是否有空格

“interface-name”:false,//禁止interface定義的變量必須以I開頭

“indent”:[true,”spaces”,2],

“no-angle-bracket-type-assertion”:false,

“eofline”:false,//最後不以新行結束

“no-implicit-dependencies”:false,//可以導入package.json中不存在的包

“jsx-no-multiline-js”:false,

“jsx-no-string-ref”:false,//可以使用ref字符串

“no-empty-interface”:false,

“member-ordering”:false,

“max-line-length”:[true,300]

什麼是ts 編程

什麼是ts

ts是js的超集，意味着js本身的語法在ts裡面也能跑的通。ts一方面是對js加上了很多條條框框的限制，另一方面是拓展了js的一些能力，就像es6提供了那麼多神奇的語法糖一樣。只要按照一定的規則去書寫js，就能享受到ts帶來的好處。

當然因為現在的ts足夠強大，並且有自家的vscode保駕護航，才方便了我們這些過去想都不(lan)敢(de)想的苦逼程序員。

js改造成ts的工作量很大程度取決於你想對自己的代碼限制的有多細緻，描述的有多完善。最簡單的就像上面說的，改個拓展名就行了(當然很大程度上可能會通過不了各種靜態檢查)。如果你寫的越多，用你代碼的同志就越大可能喜歡你寫的東西。

js怎麼轉化為typescript

1.安裝node，因為ts的編譯器是js/ts寫的； 安裝node後同時獲得npm命令，這是nodejs世界裡的包管理器（也可以看作node的app商店）； 2.安裝vs 2015或者vs code，當然這不是必須的，但是這裡強烈推薦寫ts的工具，vs第一，vsc第二；

如何將JS代碼更換成異步統計代碼’>> 如何將JS代碼更換成異步統計代碼

網站統計異步代碼以異步加載形式加載網站分析代碼，使用該代碼可以大幅提升網站的響應速度。

注意：使用異步代碼不提供顯示統計圖標。

如何更新部署異步統計代碼？

第一步：找到原js代碼，比如如下：

scriptsrc=’;l=2’language=’JavaScript’charset=’gb2312’/script

第二步：把原代碼替換成如下片段，然後上傳服務器：

script

var cnzz_s_tag = document.createElement(‘script’);

cnzz_s_tag.type = ‘text/javascript’;

cnzz_s_tag.async = true;

cnzz_s_tag.charset = “utf-8”;

cnzz_s_tag.src = “ XXXXXXXX async=1”;

var root_s = document.getElementsByTagName(‘script’)[0];

root_s.parentNode.insertBefore(cnzz_s_tag, root_s);

/script

添加好異步統計代碼之後，一定要刪除原來默認統計代碼，否則統計數據會重複計算。

註：若是https的網站，把上面代碼里的http改成https即可