TypeScript 参数属性

名字没特点 發表於 2019-9-25 00:01:00

<table class="d-block">
<tbody class="d-block">
<tr class="d-block">
 <td class="d-block comment-body markdown-body js-comment-body rgh-linkified-code">
假设类中创建的 <code>readonly</code> 类型的属性，该类型的属性只能在声明处或构造器中进行初始化。
<div class="highlight highlight-source-ts"><pre>class Octopus {
readonly name: string;
readonly numberOfLegs: number = 8;
constructor (theName: string) {
 this.name = theName;
}
}</pre></div>
为了初始化 <code>name</code> 属性，不得不在构造器中声明另一个入参 <code>theName</code>。这显得冗余。
TypeScript 提供了在构造器上同时完成属性的声明和初始化的功能。
以下代码和上面的等效：
<div class="highlight highlight-source-ts"><pre>class Octopus {
readonly numberOfLegs: number = 8;
constructor(readonly name: string) {
}
}</pre></div>
这种通过在构造器的入参中声明属性的方式叫作 Parameter properties。
通过在构造器入参上添加访问限定符（accessibility modifier ），<code>readonly</code> 或两者结合，该参入便会成为类的属性。
一个比较综合的示例：
<div class="highlight highlight-source-ts"><pre>class Foo {
a: string;
public b: string;
protected c: string;
constructor(d: number, public e: string) {}
}
var foo = new Foo(1, "2");
console.log(foo.a); // ✅ <code>a</code> 没有修饰词，和 C++ struct 默认公有表现一样为 <code>public</code>，与 C++ class 默认私有刚好相反 
console.log(foo.b); // ✅ <code>b</code> 是公有 
console.log(foo.c); // 🚨 <code>a</code> <code>protected</code> 只能自己和继承类中访问 
console.log(foo.d); // 🚨 <code>d</code> 没有修饰词，不是入参属性，类上面没有该属性 
console.log(foo.e); // ✅ <code>a</code> 通过构造器创建的 <code>public</code> 属性</pre></div>
<h2>相关资源</h2>
<ul>
<li>TypeScript - Parameter properties</li>
</ul>
 </td>
</tr>
</tbody>
</table>

</div>
<div id="MySignature" role="contentinfo">
<div>
<img src="https://licensebuttons.net/l/by-nc-sa/3.0/88x31.png" style="vertical-align: middle">
CC BY-NC-SA 署名-非商业性使用-相同方式共享
</div> 
来源：https://www.cnblogs.com/Wayou/p/typescript_parameter_property.html

頁: [1]

琼殿技术论坛's Archiver

TypeScript 参数属性