typescript 爬虫

原创 tigon  2020-09-08 10:38:50  阅读 52 次 评论 0 条

语法

//基本类型 null,undefined,symbol,boolean,void,string,number
const count: number = 123
const teachName: string = 'dell'

//对象类型
class Person {} //对象
const dell: Person = new Person()
const teacher: {
  name: string
  age: number
} = {
  name: 'dell',
  age: 23,
}

const numbers: number[] = [1, 2, 3]

//类型变成函数
const getTotal: () => number = () => {
  return 123
}

//type annoation 类型注解,我们来告诉ts变量是什么类型
//type inference 类型推断
//如果ts 能够自动分析变量类型的话,我们就什么也不需要做了
//如果ts 无法分析变量类型的话,我们就需要使用类型注解了
let counts: number
counts = 123
let aaa = 123

function getTotals(firstNumber: number, secondNumber: number) {
  return firstNumber + secondNumber
}
function sayHello(): void {
  console.log(123) // void 不会返回值
}

流程
1,npm init -y (生成package.json)
2, tsc –init (生成tsconfig.json)
3, 安装ts-node 安装到项目
4, npm install typescript -D
5,npm install superagent -D
6,安装个翻译文件(如果引入的是js插件文件,那么typescript是没办法理解js,所以需要中间翻译文件)
npm install @types/superagent -D
7,npm install cheerio -D (可以像jquery一样获取html每个元素)=> npm install @types/cheerio -D
8,pageage.json 添加”build”:”tsc”
9,修改tsconfig.json 打开”outDir”: “./build”
10,执行npm run build 会多出build文件夹
11,可以把pageage.json 里的代码修改一下

实时编译
"scripts": {
    "build": "tsc -w"
  },
编译后直接运行文件更好了
安装 npm install nodemon -D (监测文件变化)

12,pageage.json修改

"scripts": {
    "dev:build": "tsc -w",
    "dev:start": "nodemon nodemon ./build/crowller.js",
    "dev":"concurrently npm:dev:*"  //一个命令执行以上两条,安装 npm install concurrently -D
  },
  "nodemonConfig": {
    "ignore": [
      "data/*",
    ]
  },

类型保护,类型断言的方式

本文地址:https://webge.net/?id=95
版权声明:本文为原创文章,版权归 tigon 所有,欢迎分享本文,转载请保留出处!
相关文章 关键词:

评论已关闭!