脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → TypeScript强制类型转换

TypeScript学习之强制类型的转换

 更新时间：2016年12月27日 09:23:40   作者：zrong''''s blog  
众所周知TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程，下面这篇文章主要介绍了TypeScript中强制类型的转换,需要的朋友可以参考借鉴下。

前言

使用强类型变量常常需要从一种类型向另一种类型转换,通常使用ToString或ParseInt可以来实现一些简单的转换,但是有时候需要像.NET语言中那样将一种类型显示的转换为另一种类型,在TypeScript规范中,被称为"类型断言",它仍然是类型转换,只是语法是有些不同。下面来详细看看TypeScript的强制类型转换。

TypeScript强制类型转换

在 TypeScript 中将一个 number 转换成 string ，这样做会报错：

var a:number = 12345;
var b:string = <string> a;
// laygroundSingle.ts(24,18): error TS2352: Neither type 'number' nor type 'string' is assignable to the other.

这样写虽然不会报错，但没有什么卵用：

var a:number = 12345;
var b:string = <string><any> a;
console.log(typeof b)
// "number" PlaygroundSingle.js:19:1

还是直接用 javascript 的方法比较靠谱：

var b:string = String(a);
// or
var b:string = a.toString();

注意 new String() 和 String() 的区别：

var a:number = 12345;
// 使用 new 的时候类型必须是 String 而非 string ，否则无法编译通过
var b:String = new String(a);
// 不使用 new 则无所谓
var c:string = String(a);
console.log(a);
console.log('--------b');
console.log(typeof b);
console.log(b);
console.log(b.length);
console.log('--------c');
console.log(typeof c);
console.log(c);
console.log(c.length);

结果如下：

12345 PlaygroundSingle.js:22:9
“——–b” PlaygroundSingle.js:23:9
“object” PlaygroundSingle.js:24:1
String [ “1”, “2”, “3”, “4”, “5” ] PlaygroundSingle.js:25:9
5 PlaygroundSingle.js:26:9
“——–c” PlaygroundSingle.js:27:9
“string” PlaygroundSingle.js:28:1
“12345” PlaygroundSingle.js:29:9
5

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

您可能感兴趣的文章:

相关文章

  • JavaScript观察者模式(publish/subscribe)原理与实现方法

    JavaScript观察者模式(publish/subscribe)原理与实现方法

    这篇文章主要介绍了JavaScript观察者模式(publish/subscribe)原理与实现方法,简单分析了javascript观察者模式的原理、功能并结合实例形式给出了观察者模式的实现技巧,需要的朋友可以参考下
    2017-03-03
  • 再谈javascript原型继承

    再谈javascript原型继承

    Javascript原型继承是一个被说烂掉了的话题，但是自己对于这个问题一直没有彻底理解，今天花了点时间又看了一遍《Javascript模式》中关于原型实现继承的几种方法，下面来一一说明下，在最后我根据自己的理解提出了一个关于继承比较完整的实现。
    2014-11-11
  • JS集合set类的实现与使用方法示例

    JS集合set类的实现与使用方法示例

    这篇文章主要介绍了JS集合set类的实现与使用方法,结合具体实例形式分析了javascript集合的创建、元素添加、删除以及并集、交集、补集等运算相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • js将当前时间格式转换成时间搓(自写)

    js将当前时间格式转换成时间搓(自写)

    将时间转换成时间搓的方法有很多，在本文为大家介绍下使用js将当前时间转换成时间搓 例如2013-09-11 12:12:12，感兴趣的朋友可以参考下
    2013-09-09
  • AutoJs4.4.1免费版快速接通vscode调试脚本的操作方法

    AutoJs4.4.1免费版快速接通vscode调试脚本的操作方法

    这篇文章主要介绍了AutoJs4.4.1免费版快速接通vscode进行调试脚本,首先下载AutoJs并安装，下载完成后，将2个apk文件拷贝到手机安装即可，接下来需要安装插件，本文分步骤给大家介绍的非常详细，需要的朋友可以参考下
    2022-10-10
  • 原生JS实现pc端轮播图效果

    原生JS实现pc端轮播图效果

    这篇文章主要为大家详细介绍了原生JS实现pc端轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript中附件预览功能实现详解（推荐）

    JavaScript中附件预览功能实现详解（推荐）

    这篇文章主要介绍了JavaScript中附件预览功能的实现,具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • 使用pkg打包ThinkJS项目的方法步骤

    使用pkg打包ThinkJS项目的方法步骤

    这篇文章主要介绍了使用pkg打包ThinkJS项目的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • JavaScript实现表格排序方法

    JavaScript实现表格排序方法

    JavaScript实现表格排序方法，需要的朋友可以参考一下
    2013-06-06
  • JavaScript 隐性类型转换步骤浅析

    JavaScript 隐性类型转换步骤浅析

    隐性类型转换，是==引起的转换，下面通过本文给大家分享JavaScript 隐性类型转换步骤，感兴趣的朋友一起看看吧
    2018-03-03

最新评论