【TypeScript入门】TypeScript入门篇——对象

对象其实就是一种封装的概念,它把事物封装成一个类,然后提供类的接口,而具体的过程人们是看不到的 。
一、对象实例
二、 类型模板
三、鸭子类型(Duck )
对象是包含一组键值对的实例 。值可以是标量、函数、数组、对象等,如下实例:
var object_name = { key1: "value1", // 标量key2: "value",key3: function() {// 函数}, key4:["content1", "content2"] //集合}
以上对象包含了标量,函数,集合(数组或元组) 。
一、对象实例
var sites = { site1:"Runoob", site2:"Google" }; // 访问对象的值console.log(sites.site1) console.log(sites.site2)
【【TypeScript入门】TypeScript入门篇——对象】编译以上代码,得到以下代码:
var sites = { site1:"Runoob", site2:"Google" }; // 访问对象的值console.log(sites.site1) console.log(sites.site2)
输出结果为:
二、 类型模板
假如我们在定义了一个对象:
var sites = { site1:"Runoob", site2:"Google" };
这时如果我们想在对象中添加方法,可以做以下修改:
sites.sayHello = function(){ return "hello";}
如果在中使用以上方式则会出现编译错误,因为 中的对象必须是特定类型的实例 。
var sites = {site1: "Runoob",site2: "Google",sayHello: function () { } // 类型模板};sites.sayHello = function () {console.log("hello " + sites.site1);};sites.sayHello();
编译以上代码,得到以下代码:
var sites = {site1: "Runoob",site2: "Google",sayHello: function () { } // 类型模板};sites.sayHello = function () {console.log("hello " + sites.site1);};sites.sayHello();
输出结果为:
hello
此外对象也可以作为一个参数传递给函数,如下实例:
var sites = { site1:"Runoob", site2:"Google",}; var invokesites = function(obj: { site1:string, site2 :string }) { console.log("site1 :"+obj.site1) console.log("site2 :"+obj.site2) } invokesites(sites)
编译以上代码,得到以下代码:
var sites = {site1: "Runoob",site2: "Google"};var invokesites = function (obj) {console.log("site1 :" + obj.site1);console.log("site2 :" + obj.site2);};invokesites(sites);
输出结果为:
site1 :
site2 :
三、鸭子类型(Duck )
鸭子类型(英语:duck )是动态类型的一种风格,是多态()的一种形式 。
在这种风格中,一个对象有效的语义,不是由继承自特定的类或实现特定的接口,而是由"当前方法和属性的集合"决定 。
可以这样表述:
"当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子,那么这只鸟就可以被称为鸭子 。"
在鸭子类型中,关注点在于对象的行为能做什么,而不是关注对象所属的类型 。例如,在不使用鸭子类型的语言中,我们可以编写一个函数,它接受一个类型为"鸭子"的对象,并调用它的"走"和"叫"方法 。在使用鸭子类型的语言中,这样的一个函数可以接受一个任意类型的对象,并调用它的"走"和"叫"方法 。如果这些需要被调用的方法不存在,那么将引发一个运行时错误 。任何拥有这样的正确的"走"和"叫"方法的对象都可被函数接受的这种行为引出了以上表述,这种决定类型的方式因此得名 。