资讯专栏INFORMATION COLUMN

15、TypeScript 之构造器 constructor 方法 methods

shery / 1105人阅读

摘要:如果你期望拥有若干个参数再创造一些实例对象那如何写呢指向生成点本身可以对进行操作次阿丽塔战斗天使点分虽然第二个参数并没有传递可以使用来占位会使用默认值再阿丽塔战斗天使点分次希望看了以上代码可以对你对学习有所帮助。

如果你期望拥有若干个参数再创造一些实例对象 那如何写呢

class Movie {
  name: string;
  play_count: number;
  create_at: string;
  constructor(name: string, play_count: number = 12, create_at: string) {
    // this 指向生成点 Object 本身
    this.name = name;
    this.play_count = play_count;
    this.create_at = create_at;
  }
 
  // methods 可以对 data 进行操作
  display_play_count(padding: string = "***") {
    return this.play_count + "次" + padding    
  }
  increase_play_count() {
    this.play_count += 1;
  }
}

let a = new Movie("阿丽塔:战斗天使", undefined, "17点28分");

a.increase_play_count();  // 13***  虽然第二个参数并没有传递 可以使用 undefined 来占位 会使用默认值 12 再 += 1

console.log(a, a.display_play_count());  // Movie { name: "阿丽塔:战斗天使", play_count: 13, create_at: "17点28分" } "13次***"

希望看了以上代码 可以对你对学习 TS 有所帮助。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105354.html

相关文章

  • 实列讲解TypeScript的基本用法

    摘要:是微软开发的的超集,兼容,可以载入代码然后运行。可处理已有的代码,并只对其中的代码进行编译小编我决定使用白鹭引擎开发游戏,在开发游戏之前学习一下,目前它的可视化工具已经可以打多端包了是一套完整的游戏开发解决方案。中包含多个工具以及项目。 TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运...

    wean 评论0 收藏0
  • ES6Object.assign()详解

    摘要:另外,本文版权归原作者所有,翻译仅用于学习。因为值具有唯一性,这就意味着作为对象的属性名时,可以保证不会出现同名的属性。不过,这个提议在中被拒绝了,也许之后的版本会再考虑。事实上,与都有语法解决构造器中属性名重复的问题。 译者按: 这篇博客将介绍ES6新增的Object.assign()方法。 原文: ECMAScript 6: merging objects via Object...

    niceforbear 评论0 收藏0
  • JavaScript 工作原理十五-类和继承及 Babel 和 TypeScript 代码转换探秘

    摘要:使用新的易用的类定义,归根结底也是要创建构造函数和修改原型。首先,它把构造函数当成单独的函数且包含类属性集。该节点还储存了指向父类的指针引用,该父类也并储存了构造函数,属性集和及父类引用,依次类推。 原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 本系列持续更新中,Github 地址请查阅这里。 这是 JavaScript 工作原理的第...

    GeekGhc 评论0 收藏0
  • JavaScript 工作原理十五-类和继承及 Babel 和 TypeScript 代码转换探秘

    摘要:使用新的易用的类定义,归根结底也是要创建构造函数和修改原型。首先,它把构造函数当成单独的函数且包含类属性集。该节点还储存了指向父类的指针引用,该父类也并储存了构造函数,属性集和及父类引用,依次类推。 原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 本系列持续更新中,Github 地址请查阅这里。 这是 JavaScript 工作原理的第...

    BigNerdCoding 评论0 收藏0

发表评论

0条评论

shery

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<