邂逅TypeScript基础语法

ts中文文档学习-非官方网站

p26

认识TypeScript

TypeScript的编译环境

ts初体验

ts环境搭建

第二种方式






webpack.config.js

const path = require("path")
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    
    
    mode: "development",
    entry: "./src/main.ts",
    output: {
    
    
        path: path.resolve(__dirname, "./dist"),
        filename: "bundle.js"
    },
    resolve: {
    
    
        extensions: [".ts", ".js", ".cjs", ".json"]
    },
    module: {
    
    
        rules: [
            {
    
    
                test: /\.ts$/,
                loader: 'ts-loader'
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
    
    
            template: "./index.html"
        })
    ]
}

变量的定义

// 1. 类型注释
// 2. var/let/const
// 3. string和String的区别
// 4. 类型推导
var name: string = "why"
let age: number = 18
const height: number = 1.88

// string: TypeScript中的字符串类型
// Stirng: JavaScript的字符串包装类的类型
const message: string = "Hello World"

// 默认情况下进行赋值时，会将赋值的值的类型，作为前面标识符的类型
// 这个过程称之为类型推导/推断
// foo没有添加类型注释
let foo = "foo"
// foo = 123
export {
    
    }

p27

---

number类型

boolean

Array

Object

Symbol

any

unknown

void

never

tuple

联合