typescript 对象——迹忆客-ag捕鱼王app官网

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

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

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

对象实例

typescript

var sites = { 
   site1:"jiyik", 
   site2:"google" 
}; 
// 访问对象的值
console.log(sites.site1) 
console.log(sites.site2)

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

javascript

var sites = { 
   site1:"jiyik", 
   site2:"google" 
}; 
// 访问对象的值
console.log(sites.site1) 
console.log(sites.site2)

输出结果为：

jiyik
google

typescript 类型模板

假如我们在 javascript 定义了一个对象：

var sites = { 
   site1:"jiyik", 
   site2:"google" 
};

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

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

如果在 typescript 中使用以上方式则会出现编译错误，因为typescript 中的对象必须是特定类型的实例。

typescript

var sites = {
    site1: "jiyik",
    site2: "google",
    sayhello: function () { } // 类型模板
};
sites.sayhello = function () {
    console.log("hello "   sites.site1);
};
sites.sayhello();

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

javascript

var sites = {
    site1: "jiyik",
    site2: "google",
    sayhello: function () { } // 类型模板
};
sites.sayhello = function () {
    console.log("hello "   sites.site1);
};
sites.sayhello();

输出结果为：

hello jiyik

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

typescript

var sites = { 
    site1:"jiyik", 
    site2:"google",
}; 
var invokesites = function(obj: { site1:string, site2 :string }) { 
    console.log("site1 :" obj.site1) 
    console.log("site2 :" obj.site2) 
} 
invokesites(sites)

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

javascript

var sites = {
    site1: "jiyik",
    site2: "google"
};
var invokesites = function (obj) {
    console.log("site1 :"   obj.site1);
    console.log("site2 :"   obj.site2);
};
invokesites(sites);

输出结果为：

site1 :jiyik
site2 :google

鸭子类型(duck typing)

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

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

可以这样表述：

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

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

interface ipoint { 
    x:number 
    y:number 
} 
function addpoints(p1:ipoint,p2:ipoint):ipoint { 
    var x = p1.x   p2.x 
    var y = p1.y   p2.y 
    return {x:x,y:y} 
} 
 
// 正确
var newpoint = addpoints({x:3,y:4},{x:5,y:1})  
 
// 错误 
var newpoint2 = addpoints({x:1},{x:4,y:3})