typescript类成员变量定义的时候直接初始化的一个现象

先从现象说起

创建了一个父子类的继承结构,子类在父类基础上会增加若干的成员变量,并在子类非构造方法中给对应的成员变量赋值,这个成员方法实在父类构造函数中调用的,子类继承并重写了该方法;这样就发现子类型实例化以后,增加的成员属性一直是初始值,在上述方法中的赋值没生效。

示例代码

父类:

class A 
{
	private a: number = 0;
	constructor()
	{
		this.a = 999;
		this.initData();
	}
	public initData()
	{
	}
}

子类:

class B extends A
{
	private b: number = 0;
	public initData()
	{
		this.b = 999;
	}
}

测试:

let objectB = new B();

问:objectB.b 最终的值是多少?
看到这里如果已经明确知道值是多少的同学可以不用往下看了,说明你也遇到过类似的问题。

结果

objectB.b 的最终值是 0;是不是很意外?我在遇到这问题之前也以为值应该是 999

分析

出现这个现象主要在如下这行代码上:

private b: number = 0;

表面上看这句话挺平常的,申明了一个成员变量,顺带给了一个初始值;但是配合我们样例中的代码结构,执行顺序就出问题了;
实际运行过程中申明和赋值是分开两步执行的,由于initData是在父类构造函数中调用,对变量b的 赋值操作实际上是在最后,这就是为什么最后值还是为0的原因。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 TypeScript 中,你可以使用解构赋值语法来给多个变量同时赋值。例如: ``` let a, b, c; [a, b, c] = [1, 2, 3]; ``` 这样就可以同时给 `a`、`b` 和 `c` 这三个变量赋值为 `1`、`2` 和 `3`。 如果你想给多个变量赋相同的值,可以使用下面的方式: ``` let a, b, c; [a, b, c] = [1, 1, 1]; ``` 或者使用解构赋值的解构模式,例如: ``` let a, b, c; [a, b, c] = [{}, {}, {}]; ``` 这样就可以给 `a`、`b` 和 `c` 这三个变量赋一个对象的值。 ### 回答2: 在TypeScript中,我们可以使用解构赋值语法来批量给多个变量初始化一个值。解构赋值是ES6引入的一种语法,可以方便地将属性或数组元素的值赋给多个变量。 假设我们有多个变量需要初始化为同一个值,可以先定义一个待赋值的变量,然后使用解构赋值将其值赋给其他变量。例如,我们有三个变量a、b和c,它们都需要初始化为同一个初始值: ```typescript let initValue = 0; let a, b, c; // 使用解构赋值将initValue的值分别赋给a、b和c [a, b, c] = [initValue, initValue, initValue]; ``` 通过以上代码,我们成功将多个变量初始化为相同的初始值0。 另外,我们也可以通过数组的fill()方法来批量给多个变量初始化一个值。fill()方法可以用指定的值填充一个数组中的所有元素。我们可以创建一个长度为变量个数的数组,然后使用fill()方法将指定的初始值填充到数组中,最后使用解构赋值将数组的值赋给多个变量。 ```typescript let initValue = 0; let a, b, c; // 创建一个长度为3的数组,使用fill()方法填充为指定初始值 [a, b, c] = Array(3).fill(initValue); ``` 以上代码同样可以实现将多个变量初始化为初始值0的效果。 无论是使用解构赋值还是数组的fill()方法,我们都可以方便地给多个变量批量初始化一个值,提高了代码的可读性和简洁性。 ### 回答3: 对于 TypeScript,可以使用以下方法批量给多个变量初始化相同的值: 1. 使用数组解构赋值:将变量名放入一个数组中,然后使用解构赋值将数组中的值赋给变量。 例如: ``` let [a, b, c] = Array(3).fill(0); ``` 上述代码将变量a、b、c同时初始化为0。 2. 使用对象字面量赋值:将多个变量名放入一个对象中,然后使用对象字面量赋值的方式给对象的属性赋值。 例如: ``` let {a, b, c} = {a: 0, b: 0, c: 0}; ``` 上述代码将变量a、b、c同时初始化为0。 3. 使用循环遍历赋值:使用循环结构(如for循环)遍历变量名数组,并为每个变量赋相同的初始值。 例如: ``` let variables = ['a', 'b', 'c']; let value = 0; for (let i = 0; i < variables.length; i++) { let variable = variables[i]; // 使用eval函数将变量名字符串转换为实际的变量 eval(`${variable} = ${value}`); } ``` 上述代码将变量a、b、c同时初始化为0。 无论使用哪种方法,都能够批量给多个变量初始化相同的值。选择合适的方式取决于具体场景和需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值