Typescript只读属性赋值错误，但仍在编译
。
在Typescript中，只读属性是指一旦被赋值后就不能再被修改的属性。当我们尝试给只读属性赋值时，Typescript会报错并阻止编译通过。
这种错误通常发生在以下情况下：
- 在类的构造函数中，尝试给只读属性赋值。
- 在类的实例方法或静态方法中，尝试给只读属性赋值。
- 在类的其他方法或外部代码中，尝试给只读属性赋值。
以下是一个示例代码：
class Example {
readonly name: string;
constructor(name: string) {
this.name = name; // 正确的赋值方式
}
updateName(newName: string) {
this.name = newName; // 错误，只读属性不能被修改
}
}
const example = new Example("John");
example.name = "Jane"; // 错误，只读属性不能被修改在上述示例中，我们定义了一个名为name的只读属性。在构造函数中，我们可以通过this.name = name的方式正确地给只读属性赋值。但是，在updateName方法中，我们尝试再次给只读属性赋值，这将导致编译错误。
对于这种情况，我们可以通过以下方式解决：
- 在构造函数中正确地给只读属性赋值。
- 在其他方法中避免给只读属性赋值。
- 如果需要修改属性的值，可以考虑将其定义为可写属性而不是只读属性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云原生、服务器运维）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
- 腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
- 腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
- 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
- 腾讯云虚拟专用云（元宇宙）：https://cloud.tencent.com/product/vpc
相关·内容
3回答
TypeScript:为什么我能够在构造函数中修改“`readonly`”属性？
typescript
我有以下TypeScript片段：
class Jedi {
private readonly name: string = 'Skywalker';
constructor(name: string) {
this.name = name; //Why I am able to modify name.
}
toString():string {
return this.name;
}
}
var jedi = new Jedi('Kenobi');
console.log(jedi.toString()); //K
浏览 2提问于2017-02-13得票数 17
回答已采纳
1回答
为什么我们必须在foo.call中传递"this“参数(this，param1，param2)？
javascript、function、object、methods
据我所知，我们使用foo.call()链接对象的构造函数。例如：
function Product(name, price) {
this.name = name;
this.price = price;
}
function Food(name, price) {
Product.call(this, name, price);
this.category = 'food';
}
function Toy(name, price) {
Product.call(this, name, price);
this.category = 'toy&
浏览 1提问于2016-04-23得票数 0
2回答
为什么当列表被发送到查看时返回正确的长度，但所有字段都是空的？
c#、asp.net-mvc
当列表被发送到查看时，返回正确的长度，但返回空字段
我使用foreach迭代列表，以显示它迭代的输入元素中的每个字段，例如，如果列表长度为5，但所有字段都为空，则为5次。
视图
@model.myProject.TwoModels
@using (Html.BeginForm("Edit", "Home", FormMethod.Post))
{
@foreach (var tuple in Model.personList )
{
@Html.EditorFor(model => @tuple.Na
浏览 0提问于2018-04-06得票数 2
回答已采纳
1回答
在事件回调中将事件对象传递给setter方法
javascript、createjs、es6-class
我在createjs图书馆工作。
我有以下课程：
class Person {
constructor(){
this.name = 'John';
}
set updateName(event){
this.name += event.key;
}
}
接下来，我实例化对象如下：
var human = new Person();
我试图在每次击键时更新该人的姓名如下：
window.addEventListener.on('keydown', human.updateName);
但是，我得到一个错误“无法读取属性'handleEv
浏览 1提问于2018-01-09得票数 0
回答已采纳
1回答
录屏直播错误码5801如何解决？
官方文档、云直播
请描述您的问题
标题：录屏（ReplayKit） - 移动直播 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/454/7883
你好，我们app集成了录屏直播功能。现在调用[RPBroadcastActivityViewController loadBroadcastActivityViewControllerWithHandler:^(RPBroadcastActivityViewController * _Nullable broadcastActivityViewController, NSEr
浏览 1011提问于2018-03-16
2回答
C# 'Basics.Product‘不包含'ProductGroup’的定义
c#、string、class
所以，我有一些课程的练习，我很容易被课程卡住了一周左右。我不知道如何从一个类引用到另一个类，但我的作业要求我这样做。
我已经把我的代码翻译成英语了。
using System;
namespace Basics
{
// Sinun koodi tulee tähän
public class Product
{
string name;
decimal price;
public Product(string nam
浏览 5提问于2014-09-03得票数 0
2回答
为什么我应该避免在域实体属性上使用公共设置程序？
c#、domain-driven-design
我正在尝试将应用到我现在正在开发的一个应用程序中，我还不能说我已经百分之百地掌握了它。
在我看到的大多数示例中，我们似乎都试图避免在域实体属性上使用公共设置器。例如，我看到实现如下的域实体：
public class Product
{
public Product(string name)
{
if (name == null)
{
throw new ArgumentNullException("name");
}
Name = name;
}
pub
浏览 0提问于2015-03-01得票数 9
回答已采纳
4回答
初学者JavaScript模式
javascript、object、design-patterns
我最近开始研究对象、闭包、作用域等等。我试图使用这些技术实现我自己的代码，但遇到了一些问题。
function Person(name, age) {
this.name = name;
this.age = age;
return {
ageUp: function ageUp() {
this.age++;
},
printInfo: function printInfo() {
console.log(this.name + " is " + thi
浏览 8提问于2016-05-03得票数 3
回答已采纳
2回答
在Dart中，是否可以从构造函数中调用另一个构造函数
constructor、dart
也就是说，我尝试从一个构造函数调用另一个构造函数，然后进一步构造。我不能从文档中看出这是否可以做到。
这里有一个人为的例子，以防它有帮助：
class Chipmunk {
Chipmunk.named(this.name);
Chipmunk.famous() {
this.named('Chip'); // <-- What, if anything, goes here?
this.fame = 1000;
}
}
var chip = new Chimpmunk.famous();
浏览 0提问于2013-11-16得票数 38
回答已采纳
1回答
如何使TableCell可编辑，从而自动更新数据类？
javafx、edit、tablecell
我正在为一个学校项目创建一个系统，其中一部分是一个TableView，它使用我自己的数据类InventoryData填充行，该类具有对应于表列的属性。我希望使用TextField使某些列中的单元格可编辑，以便在提交编辑时，它将更新InventoryData对象的相关属性。
我尝试将TextFieldTableCell.forTableColumn()设置为列的单元工厂。尽管现在提交编辑后，单元格中的文本将发生变化，但我认为它没有改变InventoryData对象中的属性。我之所以这么想，是因为当我再次编辑该单元格(在已经编辑过一次之后)时，TextField会显示前一个值(在第一个编辑之前)。
浏览 0提问于2015-05-16得票数 0
回答已采纳
3回答
在Java中，对象创建流程是如何工作的？
java、oop、constructor
这里一般都是Java和OOP的新手。
我试图理解对象的成员何时能够被使用。具体来说，在类中调用实例变量时，为什么不能将实例变量传递给构造函数呢？下面是示例代码：
public class Point {
public String name;
{
name = "Henry";
}
public Point()
{
this(this.name); // cannot reference this before supertype constructor has been called
}
浏览 4提问于2016-05-18得票数 0
回答已采纳
3回答
为什么在参数声明之前定义了构造函数？
flutter、dart
在飞镖和颤振代码中，通常在类的参数/实例变量之前声明构造函数，例如：
class Example {
// Constructor BEFORE parameters
Examples(this.name, this.profession);
final String name;
final String profession;
}
来自php的我习惯了一种不同的排序，即:参数优先：
class Example {
final String name;
final String profession;
Examples(thi
浏览 0提问于2019-08-27得票数 7
回答已采纳
2回答
基于期望函数类型参数的Typescript推断
typescript、function、parameters、call、inference
type DateFormat = {
year: "numeric";
}
function calculateDate (dateFormat: DateFormat) {
/**
*
*/
}
const format = {
year: "numeric"
}
calculateDate(format)
目前在Typescript 4.2中，format的推断类型定义为：
{
year: string;
}
这与函数调用(calculateDate)中预期的类型别名DateFormat不匹配，因为类型stri
浏览 8提问于2021-02-24得票数 1
3回答
方法中不允许从构造函数中分配最终变量。为什么？
java、methods、constructor、final
实践了一些代码示例，我遇到了这样的情况:我在类级别上声明了最终变量，并试图从方法中赋值，导致编译时错误(代码-2)。但是从构造函数中它确实得到了分配(代码-1)。
代码-1：
class Immutable {
private final int age;
private final String name;
private Immutable(int age, String name) {
this.age = age;
this.name = name;
}
代码-2：
class Immutable {
pri
浏览 5提问于2016-02-25得票数 2
回答已采纳
1回答
对typescript、node和babel使用静态属性
javascript、node.js、typescript、babeljs
我正在尝试创建一个静态类属性
import 'babel-polyfill';
class Test {
static name = 'abc';
}
它被typescript转换为
require("babel-polyfill");
class Test {
}
Test.name = 'abc';
现在，当我使用babel-node运行它时，我得到
TypeError: Cannot assign to read only property 'name' of function Test()
我的ba
浏览 19提问于2016-09-19得票数 1
回答已采纳
3回答
“返回名称”和“返回this.name”有什么区别？
java、junit、jacoco
我正在尝试Jacco测试，我能够从一个名为getStudentId的类中测试Student，该类有：
public String getStudentId() {
return studentId;
}
当我尝试测试我的另一个名为Product的类时，我会得到一个错误--两者之间唯一的区别是在getX方法中。getName的Product方法是：
public String getName() {
return this.name;
}
错误信息说：
无法将类产品中的构造函数产品应用于给定类型
浏览 4提问于2017-07-21得票数 0
回答已采纳
3回答
在反向枚举时更新结构类型的数组元素
swift、swift2
我有一个正在反向枚举的结构数组，当我遇到预期的元素时，我希望更新元素的值。在将元素类型保持为结构时，有任何方法可以做到这一点吗？
struct MyModel {
var name
mutating func updateName(newName: String) {
self.name = newName
}
}
在另一个类中，我的模型类数组声明为：
var array: Array<MyModel> = []
我已经填充了数组的内容，使其计数> 0。我想从数组的尾部找到元素，并在遇到它们时更新它们。
func updateElement()
浏览 0提问于2016-07-07得票数 2
回答已采纳
1回答
Mixin返回抽象类的子类，如何指定mixin的返回类型？
typescript、typescript-typings、mixins、typescript-generics
我有一个混入，它返回抽象类的具体实现。在我尝试扩展由mixin返回的类之前，一切都很好地结合在一起，在这一点上，TypeScript抱怨我的新子类没有实现抽象方法。 我想我理解为什么会发生这种情况，但我找不到一种方法来通知类型系统我不会返回抽象类，而是返回一个具体的子类。 简化示例 下面是一个简化的示例(plaground link)： export class PrinterService {
public print(value: string): void {
console.log(value);
}
}
export class FooPrinterService
浏览 16提问于2021-04-29得票数 0
3回答
Typescript -选项对象或生成器
typescript、design-patterns、builder
因此，我正在尝试在typescript中实现"Options Object“，我读到的typescript是Java Builder模式的替代方案。
我知道我可以使用builder，但它的实现似乎比"Options Object“复杂得多，后者用更少的代码提供了类似的功能。
这是我想要实现的目标：
class OptionsObject {
private readonly name : string;
private readonly no? : number;
constructor(o : OptionsObject){
this
浏览 1提问于2020-06-12得票数 0
1回答
为什么被重写的name属性记录为未定义
typescript
在下面的代码中，为什么重写的name属性记录为未定义？ log： undefinedrunCustomCode
Machines.tsx:19 undefined
Machines.tsx:34 undefinedrunCustomCode
Machines.tsx:19 undefined
Machines.tsx:40 undefinedrunCustomCode
Machines.tsx:19 undefined Code：：； interface iMachine {
name: string
runCustomCode(): void
showMachineName()
浏览 23提问于2019-03-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
