Hellom's Studio.

TS 与 ES6

TypeScript ES6
字数统计: 408阅读时长: 1 min
2019/08/22 Share

ES6

ES6 是 JavaScript 的语言规范标准

http://es6.ruanyifeng.com/#README

TypeScript

TypeScript 是 JavaScript 的超集

TS 遵循 ES6的语法

TypeScript 具有静态检查语法的特性

TypeScript 在编译时 是强类型 运行时是弱类型

可以在运行代码之前发现一些潜在的bug

在实际项目中开发 可以减少犯错的几率 提高效率

TypeScript 命名变量必须指定类型 避免发生不必要的 类型错误问题

https://www.tslang.cn/docs/handbook/classes.html

变量声明

在变量声明中新增了 let 和 const

它们的存在是为了 解决 var 声明的一系列匪夷所思的现象:

  • 变量提升

  • 可在全局作用域中访问变量

  • 多次声明同一个变量并不会报错

……

let

声明一个变量 只能在所声明的作用域或块作用域中访问

拥有块作用域的变量 不能在被声明之前读或写

1
2
3
4
5
6
7
8
9

function f(){
    let a = 'TS 与 ES6';
    console.log(a);
}

console.log(a); // undefined

f();  // a => 'TS 与 ES6'

const

声明一个常量 赋值后不能被修改 与 let 拥有相同的作用域

类

Js 中生成实例对象的 传统写法是通过原型的继承来实现的

ES6 引入了 “类” 的概念 通过 关键字 class 来定义类

通过 this 关键字 来访问类里面的实例成员

直接对类使用 new 命令 跟构造函数的用法一致

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
e.g.

class Point{
    // 构造函数
   constructor(x,y){
       this.x = x;
       this.y = y;
   }

    // toString 方法
   toString(){
       return `${this.x},${this.y}`;
   }
}

let A = new Point();
CATALOG
  1. 1. ES6
  2. 2. TypeScript
  3. 3. 变量声明
    1. 3.1. let
    2. 3.2. const
  4. 4. 类
Total : 43
2020
2019
angular7 TypeScript ES6 css dart VsCode 面向对象 数据类型 flutter 布局 枚举 image_picker ionic3 极光推送 angular hexo blog ionic4 Express Node mongodb 企业微信 微信小程序 scroll-view scss chrome node 正则表达式 JavaScript vue pdf.js
angular7 TypeScript css TypeScript/ES6 dart flutter ionic3 angular ionic4 Express mongodb 企业微信 微信小程序 scss chrome node 正则表达式 JavaScript vue