js set get 方法踩坑 Maximum call stack size exceeded

最新推荐文章于 2024-07-19 11:15:41 发布

宋大王

最新推荐文章于 2024-07-19 11:15:41 发布

阅读量1.5k

点赞数 1

分类专栏：问题分享文章标签： js set get Maximum call stack size exceeded

本文链接：https://blog.csdn.net/JsongNeu/article/details/89247043

版权

问题分享专栏收录该内容

20 篇文章 0 订阅

订阅专栏

js set get 方法踩坑 Maximum call stack size exceeded

做angular项目的时候写一个写了一个类的set get方法
出现了内存溢出的错误 Maximum call stack size exceeded
其实就是循环调用了死循环
错误写法

export class ChartOption {
  chart_name: string;
  set chart_name(name: string) {
    this.chart_name = name;
  }

  get chart_name() {
    return this.chart_name;
  }
}

const chartOption = new ChartOption ();
chartOption.chart_name = 'jsong';

因为属性名和方法明重复了，函数优先（不知道ts还有没有），准备设置属性值，但是调用了方法，发生了死循环

正确写法

export class ChartOption{
  _chart_name: string;
  set chart_name(name: string) {
    this._chart_name = name;
  }

  get chart_name() {
    return this._chart_name;
  }
}