爱凌峰,你的分享学习平台!

  • 首页
  • 分享板块
  • 热门工具
  • chatGpt聊天
  • 思维导图
  • 在线Excel
  • 留言建议
请登录| 注册博主
  • 分享板块
  • 留言建议

  • 2023年还有人不知道TypeScript变量声明?😎
    TypeScript

    2023年还有人不知道TypeScript变量声明?

    2023年还有人不知道TypeScript变量声明?😎
    TypeScript
    2023年还有人不知道TypeScript变量声明?

    declare声明的变量和模块后,其他地方不需要引入,就可以直接使用了注意我们需要在配置文件下,引入声明文件{ "compilerOptions": { ... "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"] ... }声明一个类型declare type Asd { name: string; }在include包含的文件范围内可以直接使用Asd这个typedeclare声明一个模块declare module '*.css';declare module '*.less';declare module '*.png';这样,我们可以在ts中引入相关的文件而不报错了declare声明一个变量declare var jQuery: (selector: string) => any;// 声明变量直接使用jQuery("#box")声明一个作用域declare namespace API{ interface ResponseObj { ... } ... }注意declare 与export 不要同级使用,不然的话,声明文件就需要导入了在声明文件中 type 与 interface 也可以不用加declare ,效果相同type myType = string | number;// 两者效果相同declare type myType = string | number;readonly用于标记一个属性是只读的,也就是不可修改的。什么时候要用命名空间?如果你发现自己写的功能(函数/类/接口等...)越来越多, 你想对他们进行分组管理就可以用命名空间, 下面先用"类"举例:什么是声明文件?声明文件就是给js代码补充类型标注. 这样在ts编译环境下就不会提示js文件”缺少类型”.Mock模拟接口数据模拟接口数据vue-meta主要用于管理HMTL头部标签,同时也支持SSR。vue-meta有以下特点:在组件内设置 metaInfo,便可轻松实现头部标签的管理metaInfo 的数据都是响应的,如果数据变化,头部信息会自动更新支持 SSR// 这里的?表示这个name属性有可能不存在class A { name?: string } interface B { name?: string }ts 中的type关键字type作用就是给类型起一个新名字,支持基本类型、联合类型、元祖及其它任何你需要的手写类型,常用于\color{red}{联合类型}type test = number; //基本类型 let num: test = 10; type userOjb = {name:string} // 对象 type getName = ()=>string // 函数 type data = [number,string] // 元组 type numOrFun = Second | getName // 联合类型type和interface的区别1、和接口一样,用来描述对象或函数的类型type User = { name: string age: number }; type SetUser = (name: string, age: number)=>void;vue3 中的 hooks 函数相当于 vue2 里面的 mixin 混入,不同在于 hooks 是函数。

    查看详情
    点赞
    评论
    收藏
    浏览70
    2023-03-01 10:16:11
上一页首页1尾页下一页共 1 页 1条

创作内容

开启你的爱凌峰创作之旅

发布首篇内容,开通创作中心
快来成为爱凌峰创作者吧~

  • 
    分享板块
  • 
    热门工具
  • 
    科技资讯
  • 
    留言建议
写文章

内容板块

  • HTML(1)
  • JavaScript(16)
  • CSS(3)
  • Vue(4)
  • TypeScript(1)
  • Vite
  • React
  • C++
  • Golang(11)
  • Java(3)
  • Python(1)
  • PHP(8)
  • Git(1)
  • Linux(9)
  • SEO
  • SEM
  • Laravel(7)
  • Docker(8)
  • Kubernetes
  • Gin(12)
  • Go-zero(2)
  • 工具推荐(3)
  • 人工智能(3)
  • Shell(5)
  • 网络咨询
  • 销售
  • 测试
  • UI设计
  • 平面设计
  • 原画
  • 视频剪辑
  • 产品
  • 运营(1)
  • 摄影
  • 音乐
  • 文学(7)
  • 运动
  • 游戏
  • 电竞
  • 健康
  • 娱乐
  • 心理
  • 情感(1)
  • 科技(39)
  • 数码(1)
  • 财经
  • 故事
  • 体育
  • 校园
  • 汽车
  • 时尚
  • 职场(2)
  • 亲子
  • 影视
  • 美食
  • 旅行
  • 法律
  • 动漫
  • 时事(6)
  • 家居
  • 国际
  • 宠物
  • AI绘图(1)
  • 生活
关注我们
友情链接:
爱凌峰
Copyright © 2023 爱凌峰 版权所有 保留一切权利 备案号: 蜀ICP备2023011400号-1

Copyright © 2023 爱凌峰
版权所有 保留一切权利

备案号: 蜀ICP备2023011400号-1

 首页
 资讯
 热门工具
登录