TypeScript 系列（基础三）：TypeScript 与面向对象

摘要

---

今天分享下 —— TypeScript 系列（基础三）：TypeScript 与面向对象 的一些基本知识，欢迎关注！

相关文章

• TypeScript 系列的一个汇总篇！
• TypeScript 系列（基础零）：为什么要学习 TypeScript？
• TypeScript 系列（基础零）：如何利用vscode运行ts代码？

本文介绍 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

---

最后

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

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