前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >初始TypeScript

初始TypeScript

作者头像
裴大头
发布2022-01-17 13:50:26
2480
发布2022-01-17 13:50:26
举报
文章被收录于专栏:裴大头的专栏

TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

首先总结一句话ts是js的超集,这说明ts可以兼容js的语法,大大降低了门槛(哈哈哈)。先说一下我对ts的看法,因为我本是前后端都在使用,感觉ts更像java,比js“强”了许多。
width:100px;height:100px;
width:100px;height:100px;
width:100px;height:100px;
width:100px;height:100px;

TypeScript和JavaScript的区别

1、数据类型

js的类型:

代码语言:javascript
复制
boolean类型、number类型、string类型、array类型、undefined、null
复制

ts的类型(在js的类型上还包括)

代码语言:javascript
复制
tuple类型(元组类型)、enum类型(枚举类型)、any类型(任意类型)
复制

特别的类型

代码语言:javascript
复制
void类型(没有任何类型)表示定义方法没有返回值
never类型:是其他类型(包括null和undefined)的子类型,代表从不会出现的值这意味着声明never变量只能被never类型所赋值
复制

关于never类型的详细解释可以看一下vue的作者尤雨溪的回答:TypeScript中的never类型具体有什么用?

需要提醒的是在js中,我们初始化一个对象时(或者称之为数据)时不需要强调他的类型,无论是数组还是字符串,初始化时都可以

代码语言:javascript
复制
let a = '';
let b = [];
复制

但是在ts中需要指定数据类型

代码语言:javascript
复制
let a:string = 'abc';
let b:number[] = [1, 2, 3];
let c:Array<number> = [1, 2, 3];
复制

是不是更像java了···

2、函数返回值

在js中

代码语言:javascript
复制
function getName() {
	return '张三'
}
复制

在ts中

代码语言:javascript
复制
function getName():string{
        return '张三'
}
复制

在ts中需要声明函数返回值的类型

并且,因为ES6的原因,ts的许多标准在js中也已经实现,比如说:

let/const关键字; lambda表达式(箭头函数); class类 所以,除强类型与泛型等从C#引入的面向对象特性,js与ts的差异已基本被抹平(当然,也只是以为个人的知识面有限)。

目前的话,还在处于学习状态,如果有疑问或者意见,可以留言评论,最后希望大家一起学习交流,一起进步!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 首先总结一句话ts是js的超集,这说明ts可以兼容js的语法,大大降低了门槛(哈哈哈)。先说一下我对ts的看法,因为我本是前后端都在使用,感觉ts更像java,比js“强”了许多。
  • TypeScript和JavaScript的区别
    • 1、数据类型
      • 2、函数返回值
      • 并且,因为ES6的原因,ts的许多标准在js中也已经实现,比如说:
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档