[Typescript]基础篇之对象

对象

对象是包含一组键值对的实例。 值可以是标量、函数、数组、对象等

typescript 代码示例：

let object_name = {
  key1: "value1", // 标量
  key2: "value",
  key3: function () {
    // 函数
  },
  key4: ["content1", "content2"] //集合
};

以上对象包含了标量，函数，集合(数组或元组)。

对象实例,typescript 代码示例

let sites = {
  site1: "Runoob",
  site2: "Google"
};
// 访问对象的值
console.log(sites.site1); //Runoob
console.log(sites.site2); //Google

对象使用类型模板

类型模板就是对象初始化的时候设置一个属性的可能类型

假如在 JavaScript 定义了一个对象：

let sites = {
  site1: "Runoob",
  site2: "Google"
};

这时如果想在对象中添加方法，可以做以下修改：

sites.sayHello = function () {
  return "hello";
};

如果在 TypeScript 中使用以上方式则会出现编译错误

因为 Typescript 中的对象必须是特定类型的实例,对象初始化的时候其实时确定了该对象的类型，所以编译时会报错

除非在初始化的时候设置 sites 的类型为 any，这样为对象添加任意属性或方法就不会报错了,这个方式比较简单粗暴。如果都设置类型为 any，就是 anyscript 了，Typescript 的类型检查就无意义了，所以一般不推荐设置类型为 any

let sites = {
  site1: "Runoob",
  site2: "Google",
  sayHello: function () {} // 类型模板
};
sites.sayHello = function () {
  console.log("hello " + sites.site1);
};
sites.sayHello(); //hello Runoob

对象作为函数参数

对象可以作为一个参数传递给函数，如下实例：

let sites = {
  site1: "Runoob",
  site2: "Google"
};
let invokesites = function (obj: { site1: string; site2: string }) {
  console.log("site1 :" + obj.site1);
  console.log("site2 :" + obj.site2);
};
invokesites(sites);

编译以上代码，得到以下 javascript 代码：

let sites = {
  site1: "Runoob",
  site2: "Google"
};
let invokesites = function (obj) {
  console.log("site1 :" + obj.site1);
  console.log("site2 :" + obj.site2);
};
invokesites(sites);
//输出结果
//site1 :Runoob
//site2 :Google

鸭子类型(Duck Typing)

鸭子类型（英语：duck typing）是动态类型的一种风格，是多态(polymorphism)的一种形式。

在这种风格中，一个对象有效的语义，不是由继承自特定的类或实现特定的接口，而是由"当前方法和属性的集合"决定。

可以这样表述：

“当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子，那么这只鸟就可以被称为鸭子。”

在鸭子类型中，关注点在于对象的行为能做什么，而不是关注对象所属的类型。例如，在不使用鸭子类型的语言中，我们可以编写一个函数，它接受一个类型为"鸭子"的对象，并调用它的"走"和"叫"方法。在使用鸭子类型的语言中，这样的一个函数可以接受一个任意类型的对象，并调用它的"走"和"叫"方法。如果这些需要被调用的方法不存在，那么将引发一个运行时错误。任何拥有这样的正确的"走"和"叫"方法的对象都可被函数接受的这种行为引出了以上表述，这种决定类型的方式因此得名。

interface IPoint {
  x: number;
  y: number;
}
function addPoints(p1: IPoint, p2: IPoint): IPoint {
  let x = p1.x + p2.x;
  let y = p1.y + p2.y;
  return { x: x, y: y };
}

// 正确
let newPoint = addPoints({ x: 3, y: 4 }, { x: 5, y: 1 });

// 错误
let newPoint2 = addPoints({ x: 1 }, { x: 4, y: 3 });