第十七节TypeScript 对象

发布时间:2023年12月25日

1、TypeScript对象是包含一组键值对的实例。值可以是标量、函数、数组、对象等,如下实例:

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)

执行结果:

Runoob

Google

2、类型模版

我们定义一个对象:

var sites = {
name1:“Android”;
name2:“Java”;
};

这时如果我们想在对象中添加方法,可以使用以下方法:

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

如果在代码中使用上述方法则会出现编译错误,因为TypeScript中的对象必须是特定类型的实例。

正确实例:

var sites = {
    name1: "Android",
    name2: "Java",
    sayHello: function () { } // 类型模板
};
sites.sayHello = function () {
    console.log("hello " + sites.name1);
};
sites.sayHello();

执行结果:hello Android

对象也可以作为第一个参数传递给函数,如下:

TypeScript:

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)

JavaScript:

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

执行结果:

site1 :Runoob

site2 :Google

文章来源:https://blog.csdn.net/yyxhzdm/article/details/135192799
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。