TypeScript 系列(基础三):TypeScript 与面向对象

导读:本篇文章讲解 TypeScript 系列(基础三):TypeScript 与面向对象,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

📖摘要


今天分享下 —— TypeScript 系列(基础三):TypeScript 与面向对象 的一些基本知识,欢迎关注!

相关文章

本文介绍 TypeScript 与面向对象。

我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考:windows安装node.js用npm安装vue


🌂分享:面向对象是一种对现实世界理解和抽象的方法。

TypeScript 是一种面向对象的编程语言。

面向对象主要有两个概念:对象和类。

  • 对象:对象是类的一个实例(对象不是找个女朋友),有状态和行为。例如,一条狗是一个对象,它的状态有:颜色、名字、品种;行为有:摇尾巴、叫、吃等。
  • :类是一个模板,它描述一类对象的行为和状态。
  • 方法:方法是类的操作的实现步骤。

💖举例

下图中 girl、boy 为类,而具体的每个人为该类的对象:

在这里插入图片描述

TypeScript 面向对象编程实例:

class Site { 
   name():void { 
      console.log("Sunny Chen") 
   } 
} 
var obj = new Site(); 
obj.name();

以上实例定义了一个类 Site,该类有一个方法 name(),该方法在终端上输出字符串 Sunny Chen

new 关键字创建类的对象,该对象调用方法 name()

编译后生成的 JavaScript 代码如下:

var Site = /** @class */ (function () {
    function Site() {
    }
    Site.prototype.name = function () {
        console.log("Sunny Chen");
    };
    return Site;
}());
var obj = new Site();
obj.name();

执行以上 JavaScript 代码,输出结果如下:

Sunny Chen

在这里插入图片描述


🎉最后

  • 更多参考精彩博文请看这里:《陈永佳的博客》

  • 喜欢博主的小伙伴可以加个关注、点个赞哦,持续更新嘿嘿!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/97426.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!