精华内容
下载资源
问答
  • 亲测好用,挺不错的资源,大家快来下载吧!挺有用的!需要的话可以来下载哦!JS转d.ts语法工具V1.0免安装,主要的作用就是把第三方的js库,转换成ts项目可以识别的d.ts文件。
  • AS3代码转换成TS语法工具(as2ts),可以把AS3的代码经过工具,转换出来的是TS语言代码(typescript),支持Layaair和Egret,CocosCreator的TS项目使用。
  • 我用TS语法创建的vue项目,封装了axios模块,取名叫http 在main.ts中引入 ``` import http from "./http/http" Vue.prototype.http = http; ``` 然后我在组件中引用出错 ``` ERROR in F:/daimaku2/...
  • ts语法总结

    万次阅读 2018-11-10 23:58:03
    TypeScript总结ts简介ts基础 ts简介 什么是tsts是js的超集 特点:提供类型系统和es6的支持 优点: 增加代码的可读性和可维护性 类型系统是最好的文档 在编译阶段就发现错误,比运行时发现错误好 增加了编辑器和...

    TypeScript总结

    ts简介

    • 什么是ts:ts是js的超集
    • 特点:提供类型系统和es6的支持
    • 优点:
      1. 增加代码的可读性和可维护性
        • 类型系统是最好的文档
        • 在编译阶段就发现错误,比运行时发现错误好
        • 增加了编辑器和ide的功能,代码不全、接口提示、跳转到定义、重构
      2. 包容性
        • .js文件可重命名为.ts文件
        • 不显式的定义类型,也能自动作出类型推论
        • 可定义一切类型
        • 即使typescript编译报错,也可生成js文件
          兼容第三方库,即使第三方库不是用ts写的,也可编写单独的类型文件供ts读取
    • 缺点:集成到构建流程需要工作量,可能和一些库结合的不是很完美
    • 安装:npm i -g typescript 执行tsc ts文件来编译会生成js文件或者ide支持

    ts基础

    1. 定义类型
      ts中,使用:指定变量的类型,:的前后有没有空格都可以
      定义:let isDone:boolean = false

    2. 检查
      ts只会进行静态检查,如果发现有错误,编译的时候就会报错

    3. 数据类型

      • 原始数据类型
        构造函数Boolean、String、Number创建的对象是对象,不是基本类型
        注意:undefined和null是所有类型的子类型,undefined和null类型的变量可以赋值给其他类型的变量

        let num:number = undefined;//正确
        let u:void;
        let num:number  = u;//错误
        
      • void
        js没有空值的概念,在ts中,可用void表示没有任何返回值的函数

        function alertName():void{
          alert("name");
        }
        

        用void声明变量的时候,只能赋值为undefined和null

        let name:void = undefined;
        
      • any任意值
        用来表示允许赋值为任意类型
        普通类型,在赋值过程中改变类型是不被允许的
        任意值的属性和方法:

        • 在任意值上访问任何属性和方法都是允许的
        • 声明一个变量为任意值后,对它的操作,返回的内容的类型都是任意值

        变量在声明的时候,未指定其类型,那么他会被识别为任意值类型

    4. 类型推论
      ts会在没有明确的指定类型的时候推出一个类型,这就是类型推论

      let name = "";
      name = 3;//错误
      
    5. 联合类型
      联合类型:取值可以为多种类型种的一种
      联合类型使用|分隔每个类型

      let favoriteNumber:string|number;
      favoriteNumber = 'one';
      favoriteNumber = 1;//正确
      

      访问联合类型的属性或方法:只能访问此类型的所有类型里共有的属性或方法

    6. 类型断言

      • 用来手动指定一个值的类型
      • 语法
        • <类型>值
        • 值 as 类型:react中的jsx语法的ts版必须是用这种
        • 例子1:获取something.length会报错
          function getLength(something:string|number):number{
                if(something.length){
                      return something.length;
                }
          }
          
        • 例子2:类型断言,将something断言成string
          function getLength(something:string|number):number{
                if(<string>something.length){
                      return (<string>something).length;
                }
          }
          
      • 类型断言的用法如上,在需要断言的变量前加上 即可
        • 类型断言不是类型转换,断言成一个联合类型中不存在的类型是不允许的
    7. 声明文件

      • declare var 声明全局变量
      • declare function 声明全局方法
      • declare class 声明全局类
      • declare enum 声明全局枚举类型
      • declare namespace 声明(含有子属性的)全局对象
      • interface 和 type 声明全局类型
      • export 导出变量
      • export namespace 导出(含有子属性的)对象
      • export default ES6 默认导出
      • export = commonjs 导出模块
      • export as namespace UMD 库声明全局变量
      • declare global 扩展全局变量
      • declare module 扩展模块
      • /// 三斜线指令
    展开全文
  • Vue-cli3中使用TS语法,以及使用例子
    展开全文
  • AS3代码转换成TS语法工具 描述: 使用egret,laya,cocos等AS3.0项目转typescript 文件目录: 1.语法工具 2.air安装程序
  • 经典的MPEG TS语法手册

    2020-10-10 14:55:32
    经典的MPEG TS语法手册,浓缩了ISO13818-1要义。包括DVB常用的PAT,PMT,SDT,NIT,BAT等等
  • vue3.0+ts语法及写法(最新)

    千次阅读 2021-05-20 14:04:19
    script中使用ts的写法,以及store和router在.vue页面的使用方法,需要从vue-routerhe 和vuex中导出useStore和useRoute(userouter) 通过getCurrentInstance()方法可以获得组件实例 <script lang="ts"> import...

    script中使用ts的写法,以及store和router在.vue页面的使用方法,需要从vue-routerhe 和vuex中导出useStore和useRoute(userouter)

    通过getCurrentInstance()方法可以获得组件实例

    <script lang="ts">
    import { defineComponent, computed, onMounted, watch,ref,getCurrentInstance,reactive,nextTick ,toRefs} from 'vue'
    import {
      useStore,
      mapState,
      // mapMutations,
      // mapActions,
      // mapGetters
    } from 'vuex'
    import {useRoute,useRouter,useLink,UseLinkOptions} from "vue-router"
    import { useI18n } from "vue-i18n";
    import {data} from "@/utils/TypeState"
    import HelloWorld from '@/components/HelloWorld.vue'
    export default defineComponent({
      components:{
        HelloWorld
      },
      setup(props, context){
        console.log('context',context);
        const age=ref<Number>(10)
        const count=ref(50)
        const name=ref<any>(0)
        const store=useStore()
        const {proxy}:any=getCurrentInstance()
        const number=ref<string|Number>(store.state.app.age)
        const Route=useRoute()
        const RouteLink=useLink
        const data = reactive<data>({
          tableData: [
            {
              time: '姓名1'
            }
          ],
          language:[{
            name:'中文',
            value:'zh'
          },
          {
            name:'英文',
            value:'en'
          }],
          seleLanguage:'zh'
        })
        const { t } = useI18n();
        const languageD=()=>{
          proxy.$i18n.locale=data.seleLanguage
        }
        console.log(store.state.app.allMenuList instanceof  Array);
        console.log(proxy);
      // 监听指定基础类型数据
        const addNum=()=>{
          //  name.value=Number(name.value) +1
          name.value++
        }
        watch(name, (now, prev) => {
              console.log(now, prev, 'count')
        })
        // 监听reactive创建的响应式变量,可以直接监听对象,必须使用内联函数
        watch(() => data.tableData, (now, prev) => {
          console.log(now, prev, 'tableData')
        })
        const myModalShow = ref(false)
        const myModealHide=(val:any)=>{
          myModalShow.value=false
          console.log(val);
        }
        const myModalBlock =()=>{
          myModalShow.value=true
        }
        const toDelit=():void=>{
          proxy.$router.push("/userAdminDetils")
        }
        return {
          age,
          number,
          proxy,
          store,
          name,
          addNum,
          ...toRefs(data) ,
          t,
          languageD,
          myModealHide,
          myModalBlock,
          myModalShow,
          toDelit
        }
      },
      created () {
        console.log(this.$route);
        console.log(this.store.state.app.age);
        // console.log(this.$store);//报错
      }
    })
    </script>
    
    
    展开全文
  • TypeScript里的.d.ts语法

    千次阅读 2020-09-09 15:15:52
    在SAP Spartacus的实现里有很多.d.ts文件: https://www.typescriptlang.org/docs/handbook/declaration-files/templates/module-d-ts.html 相当于commonJS的module pattern. 回忆一下commonJS: Node 应用由模块...

    在SAP Spartacus的实现里有很多.d.ts文件:

    在这里插入图片描述

    https://www.typescriptlang.org/docs/handbook/declaration-files/templates/module-d-ts.html

    相当于commonJS的module pattern.

    回忆一下commonJS:
    Node 应用由模块组成,采用 CommonJS 模块规范。

    每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。

    // example.js
    var x = 5;
    var addX = function (value) {
      return value + x;
    };
    

    上面代码中,变量x和函数addX,是当前文件example.js私有的,其他文件不可见。

    如果想在多个文件分享变量,必须定义为global对象的属性。

    global.warning = true;
    上面代码的warning变量,可以被所有文件读取。当然,这样写法是不推荐的。

    CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。

    var x = 5;
    var addX = function (value) {
      return value + x;
    };
    module.exports.x = x;
    module.exports.addX = addX;
    

    上面代码通过module.exports输出变量x和函数addX。

    因此,采用commonJS规范书写的JavaScript代码:

    const maxInterval = 12;
    
    function getArrayLength(arr) {
      return arr.length;
    }
    
    module.exports = {
      getArrayLength,
      maxInterval,
    };
    

    使用TypeScript .d.ts写成:

    export function getArrayLength(arr: any[]): number;
    export const maxInterval: 12;
    

    使用ES module书写的JavaScript代码:

    export function getArrayLength(arr) {
      return arr.length;
    }
    

    对应的TypeScript:

    export function getArrayLength(arr: any[]): number;
    
    展开全文
  • 基础语法 定义data //script标签上 **lang="ts"** <script lang="ts"> import { defineComponent, reactive, ref, toRefs } from 'vue'; //定义一个类型type或者接口interface来约束data type Todo = { id: ...
  • TS语法忽略、eslint忽略

    千次阅读 2020-08-24 10:19:06
    // @ts-ignore 忽略全文 // @ts-nocheck 取消忽略全文 // @ts-check eslint忽略+typescript忽略 /* eslint-disable */ const watermark = require("watermark-dom"); // @ts-ignore /* eslint-enable */
  • Eslint语法检测问题 当项目安装时报了一大堆语法检测问题解决方案 打开.eslintrc.js注释掉方法即可 当注释掉后发现还有问题,ts语法检测 将ts的配置文件的strict值改成false就好啦
  • ts语法封装一个下载下载文件的函数 // Internet Explorer 10 的 msSaveBlob 和 msSaveOrOpenBlob // 方法允许用户在客户端上保存文件,方法如同从 Internet 下载文件 // ,这是此类文件保存到“下载”文件夹的原因。...
  • angular--ts语法相关

    千次阅读 2019-08-27 23:02:18
    说句公道话 这个我也看不太懂 ,但是这个是我的学习笔记
  • AS3代码转换成TS语法工具(as2ts),可以把AS3的代码经过工具,转换出来的是TS语言代码(typescript),支持Layaair和Egret,CocosCreator的TS项目使用。
  • Nextjs中ts语法中使用全局变量 1、项目根目录增加文件cons.ts const globalAny: any = global; globalAny.Cons = { cndDomain: "https://xxxxxx" } export { } 增加一个声明文件,写入以下代码 declare const ...
  • 如下图报错: 可以忽略这些错误,如果不忽略下面是解决方法: 在 VS Code 中使用Ctrl+Shift+P打开命令面板,输入Preferences: Open User Settings或Preferences: Open Workspace Settings。...
  • 首先在 vscode 下安装 Vuter,然后打开 vscode 的配置文件, CTRL+SHIFT+P ... 然后增加一条语句: "vetur.experimental....然后在 vue 文件中的 template 中可以自动识别 ts 语法定义的属性了 ...
  • 当用vscode查看vue源码时,发现js文件中有ts语法时,vscode会提示错误,如图 这个原因是因为vscode默认开启了对js文件的验证检查,可以在用户设置区禁用它,如图最后一行 这样即可让vscode不再错误的验证了。 ...
  • JS代码转换d.ts语法

    千次阅读 2019-01-03 00:09:42
    上次弄了一个as3转ts的工具,受到广大码农朋友的热烈欢迎~ 在实际开发中,经常会遇到第三方的js库,没有d.ts脚本,自己写太麻烦。 于是想到能不能有个工具可以转换成d.ts来用用。 网上搜了一下,有几种方式可以...
  • sublime text3对ts语法高亮支持

    千次阅读 2019-08-28 11:09:26
    sublime text3默认对ts不支持高亮,怎么设置呢,其实很简单。 ctrl+shift+p 打开命令面板,输入ip,查找typescript 然后安装 安装成功后,点击工具右下角文件名,这里是typescript,因为已经选择过了,默认应该是...
  • vue ==>ts 语法

    2019-09-23 07:22:27
    vue =>ts //components import eader from "./header.vue"; @Component({ components: { eader } }) export default class eader extends Vue { //prop @Prop()privatemsg!:string; //da...
  • Webpack加载器,用于基于特殊语法转换JSX。 打算与一起使用,以允许将JSX与TypeScript一起使用。 重要的弃用说明 由于即将出现在TypeScript 1.6中,因此我认为该项目已经完成。 不会添加任何新功能。 但是,在...
  • TS基本语法

    千次阅读 2019-09-12 19:11:08
    TS流是基于Packet的位流格式,每个包是188个字节(或204个字节,在188个字节后加上了16字节的CRC校验数据,其他格式一样)。 TS文件分为以下几层: 解释 TS流(Transport Stream) 传输流,将具有共同时间...
  • vue3.0+TS语法练习

    2021-04-29 09:50:01
    更新</button> <son :propA='propA' @bindSend1="bindSend1" @test='test1'/> </div> </template> <script lang="ts"> import { Options, Vue } from 'vue-class-component'; import { Watch ,Prop} from "vue-...
  • vue+ts项目语法规范

    2021-01-19 15:04:06
    1、声明函数 private、public、protected private formStatus: string = '...: 表示强制解析, 告诉ts编辑器一定有值 相关装饰器的用法 <script lang="ts"> import { Component, Prop, Watch, Vue } from "vue
  • TS_语法

    千次阅读 2019-06-05 10:36:48
    函数function add(x, y) { return x + y; } // Anonymous function let myAdd = function(x, y) { return x + y; }; 完整函数类型let myAdd: (x: number, y: number) =>... function(x: number, y: numbe...
  • TS高级语法

    万次阅读 2019-06-27 01:25:11
    上篇简单介绍了TS及其类型定义。 类型推断: 如果没有明确的指定类型,TS会依照类型推论(Type Inference)的规则推断出一个类型: let myFavoriteNumber = 'seven'; //无错 myFavoriteNumber = 7; //Type 'number' ...
  • ts真是让人又爱又恨,爱目前还没体会到 = ... 正题:lint在编译时总会检查ts语法,报错往**位置添加token,添加空格等,粘贴过来的代码难道要一行一行敲空格吗?不!执行下面一句,自动修复格式! npm run lint --fix
  • uniapp+ts 开发小程序的项目最佳实践模板 配置了 vuex,使用模块化,配置了数据持久化 使用 vuex-class 里的装饰器写法来定义 state、getter、mutation 等 定义通用拦截器 内置了 vant 组件 内置了 mp-html 富文本...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 39,436
精华内容 15,774
关键字:

ts语法