从C#到TypeScript - 变量

简介:

        

从C#到TypeScript - 变量

TypeScript的变量声明和ES6差不多,相比之前主要是多了letconst

为什么不用var

不管是TypeScript还是ES6都会兼容以前的javascript,所以在TypeScript里var也还是保留了。
虽然C#里也有var,但和JavaScript的可不一样,var在javascript里会有一些奇怪的表现,比如会置前,而且作用域是整个函数,可以不写var来声明变量,然后变量变成全局。
这些都可能会带了一些不容易注意到的问题。
比如经典的:

for (var i = 0; i < 10; i++) {
    setTimeout(function() { console.info(i); }, 100);}

结果并不是期望的0, 1, 2, 3...,跑出来的结果全是10,这是因为var出来的i的作用域是整个函数。
这就导致循环完成后i变成10,setTimeout内的函数才被执行,所以结果都是10了。
虽然可以用立即完成函数把重新构建一个作用域,但毕竟用起来麻烦,而且不符合人的思维,所以就有了let

使用let声明变量

let主要是对var的一个代替,用let更符合人思考的过程,这才和C#var的功能是差不多。
let的用法和var是一样的:

let str = 'string';

let的作用域是块级作用域,比如上面的循环,用let声明i的话就可心得到期望的值

for (let i = 0; i < 10; i++) {
    setTimeout(function() { console.info(i); }, 100);
}

这里得到的结果就是0, 1, 2....9。
所以建议还是抛弃var,选择let

const

C#也有const,意义上差不多,都是常量,不想变量被改变。

const str = 'string';
str = 'new string'; // 编译不了

一般情况下,主张确定不变的变量用const声明来增加代码健壮性和可读性。

解构

所谓解构,就是把对象或数组里的成员分解出来。
比如数组:

let [first, second] = [1, '2', false];console.info(`first: ${first}`);

这里就把数组的第一个成员和第二个成员分别用firstsecond解构出来,就省去了分别声明两个变量,并用下标取数组里的值来赋值了。
这也可以方便的提供一些功能,比如交换数组里的两个值,按以前的做法需要借助下中间变量,现在就不需要了:

let [first, second] = [second, first];

可以利用...扩展符号来解开数组,再并入其他数组。

let arr = [1, 2, 3];let newArr = [...arr, 4, 5];console.info(newArr); // 1, 2, 3, 4, 5

对象同样可以被解构:

class Test{
    str = "string";
    int = 1;
    bool = false;

    func(){        console.info('func');
    }
}let {str, bool, func} = new Test(); //名字必须和类里的保持一致let {str: newStr} = new Test(); //通过这种方式可以把str改为newStrconsole.info(`${str}, ${bool}`);
func();

...符号同样可以用于对象,不过只能解开可枚举的变量,所以函数不会解出来。
延用上面的class:

let {str, ...other} = new Test();console.info(other.int); // 输出1console.info(other.func()); // 编译错误,...符号不能解出函数

还可以加上默认值,当解出来的值是undefined时会用上默认值

class Test{
    empty;
    str = '';
}let {empty='empty', str='str'} = new Test();console.info(`${empty}, ${str}`); // 输出 empty, ,因为str有值,所以用原始的''

以上就是常用的变量声明及赋值的使用方法,不过基本都是ES6的标准语法,TypeScript本身并没有在上面多做什么。

本文转自帅气的头头博客51CTO博客,原文链接http://blog.51cto.com/12902932/1924606如需转载请自行联系原作者


sshpp

相关文章
|
2月前
|
存储 C# 索引
C# 一分钟浅谈:变量与数据类型简介
【9月更文挑战第1天】在 C# 编程中,了解变量与数据类型至关重要。本文详细介绍了 C# 中的值类型(如整数、浮点数、布尔值等)和引用类型(如类、接口、数组、字符串)。通过示例代码展示了变量的声明与使用方法,并针对数据类型转换错误、变量未初始化及数值溢出等常见问题提供了解决方案。正确选择数据类型不仅能提升程序性能,还可避免潜在错误,有助于编写高质量代码。
129 47
|
3月前
|
JavaScript 编译器
typescript 解决变量多类型访问属性报错--工作随记
typescript 解决变量多类型访问属性报错--工作随记
|
3月前
|
传感器 开发框架 JSON
聊聊 C# dynamic 类型,并分享一个将 dynamic 类型变量转为其它类型的技巧和实例
聊聊 C# dynamic 类型,并分享一个将 dynamic 类型变量转为其它类型的技巧和实例
151 0
|
5月前
|
存储 C# 开发者
C# 编程基础:注释、变量、常量、数据类型和自定义类型
C# 编程基础:注释、变量、常量、数据类型和自定义类型
|
4月前
|
存储 Rust JavaScript
Rust 问题之TypeScript 代码,变量 s 存储在栈内存中还是堆内存中如何解决
Rust 问题之TypeScript 代码,变量 s 存储在栈内存中还是堆内存中如何解决
|
5月前
|
存储 Java 编译器
C# 变量与参数详解
C# 变量与参数详解
|
5月前
|
开发框架 .NET 程序员
掌握C#语言的精髓:基础知识与实用技能详解(数据类型与变量+ 条件与循环+函数与模块+LINQ+异常+OOP)
掌握C#语言的精髓:基础知识与实用技能详解(数据类型与变量+ 条件与循环+函数与模块+LINQ+异常+OOP)
33 0
|
5月前
|
JavaScript
typescript块级作用域变量
typescript块级作用域变量
|
6月前
|
存储 C# 开发工具
22.C# 中使用变量记录玩家创建的角色名:实现与游戏角色的互动
22.C# 中使用变量记录玩家创建的角色名:实现与游戏角色的互动
58 0
|
6月前
|
程序员 编译器 C#
C#变量命名规则
C#变量命名规则
64 0