- ·上一篇文章:TypeScript Array(数组)
- ·下一篇文章:TypeScript 命名空间
当前位置:K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS02 → 文章内容
TypeScript 对象
TypeScript 对象对象是包含一组键值对的实例。 值可以是标量、函数、数组、对象等,如下实例:var object_name = {key1:
"value1", // 标量key2:
"value",key3:
function() {// 函数},key4:
["content1", "content2"] //集合}以上对象包含了标量,函数,集合(数组或元组)。对象实例TypeScriptvar sites = {site1:
"Runoob",site2:
"Google"};// 访问对象的值console.log(sites.site1)console.log(sites.site2)编译以上代码,得到以下 JavaScript 代码:JavaScriptvar sites = {site1:
"Runoob",site2:
"Google"};// 访问对象的值console.log(sites.site1)console.log(sites.site2)invokesites(sites);输出结果为:RunoobGoogleTypeScript 类型模板假如我们在 JavaScript 定义了一个对象:var sites = {site1:
"Runoob",site2:
"Google"};这时如果我们想在对象中添加方法,可以做以下修改:sites.sayHello = function(){ return "hello";}如果在 TypeScript 中使用以上方式则会出现编译错误,因为Typescript 中的对象必须是特定类型的实例。TypeScriptvar sites = {site1:
"Runoob",site2:
"Google",sayHello:
function () { } // 类型模板};sites.sayHello = function () {console.log("hello " + sites.site1);};sites.sayHello();编译以上代码,得到以下 JavaScript 代码:JavaScriptvar sites = {site1:
"Runoob",site2:
"Google",sayHello:
function () { } // 类型模板};sites.sayHello = function () {console.log("hello " + sites.site1);};sites.sayHello();输出结果为:hello Runoob此外对象也可以作为一个参数传递给函数,如下实例:TypeScriptvar 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 代码:JavaScriptvar sites = {site1:
"Runoob",site2:
"Google"};var invokesites = function (obj) {console.log("site1 :
" + obj.site1);console.log("site2 :
" + obj.site2);};invokesites(sites);输出结果为:site1 :
Runoobsite2 :
Google鸭子类型(Duck Typing)鸭子类型(英语:duck typing)是动态类型的一种风格,是多态(polymorphism)的一种形式。在这种风格中,一个对象有效的语义,不是由继承自特定的类或实现特定的接口,而是由"当前方法和属性的集合"决定。可以这样表述:"当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子,那么这只鸟就可以被称为鸭子。"在鸭子类型中,关注点在于对象的行为,能作什么;而不是关注对象所属的类型。例如,在不使用鸭子类型的语言中,我们可以编写一个函数,它接受一个类型为"鸭子"的对象,并调用它的"走"和"叫"方法。在使用鸭子类型的语言中,这样的一个函数可以接受一个任意类型的对象,并调用它的"走"和"叫"方法。如果这些需要被调用的方法不存在,那么将引发一个运行时错误。任何拥有这样的正确的"走"和"叫"方法的对象都可被函数接受的这种行为引出了以上表述,这种决定类型的方式因此得名。interface IPoint {x:
numbery:
number}function addPoints(p1:
IPoint,p2:
IPoint):
IPoint {var x = p1.x + p2.xvar y = p1.y + p2.yreturn {x:
x,y:
y}}// 正确var newPoint = addPoints({x:
3,y:
4},{x:
5,y:
1})// 错误 var newPoint2 = addPoints({x:
1},{x:
4,y:
3})
"value1", // 标量key2:
"value",key3:
function() {// 函数},key4:
["content1", "content2"] //集合}以上对象包含了标量,函数,集合(数组或元组)。对象实例TypeScriptvar sites = {site1:
"Runoob",site2:
"Google"};// 访问对象的值console.log(sites.site1)console.log(sites.site2)编译以上代码,得到以下 JavaScript 代码:JavaScriptvar sites = {site1:
"Runoob",site2:
"Google"};// 访问对象的值console.log(sites.site1)console.log(sites.site2)invokesites(sites);输出结果为:RunoobGoogleTypeScript 类型模板假如我们在 JavaScript 定义了一个对象:var sites = {site1:
"Runoob",site2:
"Google"};这时如果我们想在对象中添加方法,可以做以下修改:sites.sayHello = function(){ return "hello";}如果在 TypeScript 中使用以上方式则会出现编译错误,因为Typescript 中的对象必须是特定类型的实例。TypeScriptvar sites = {site1:
"Runoob",site2:
"Google",sayHello:
function () { } // 类型模板};sites.sayHello = function () {console.log("hello " + sites.site1);};sites.sayHello();编译以上代码,得到以下 JavaScript 代码:JavaScriptvar sites = {site1:
"Runoob",site2:
"Google",sayHello:
function () { } // 类型模板};sites.sayHello = function () {console.log("hello " + sites.site1);};sites.sayHello();输出结果为:hello Runoob此外对象也可以作为一个参数传递给函数,如下实例:TypeScriptvar 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 代码:JavaScriptvar sites = {site1:
"Runoob",site2:
"Google"};var invokesites = function (obj) {console.log("site1 :
" + obj.site1);console.log("site2 :
" + obj.site2);};invokesites(sites);输出结果为:site1 :
Runoobsite2 :
Google鸭子类型(Duck Typing)鸭子类型(英语:duck typing)是动态类型的一种风格,是多态(polymorphism)的一种形式。在这种风格中,一个对象有效的语义,不是由继承自特定的类或实现特定的接口,而是由"当前方法和属性的集合"决定。可以这样表述:"当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子,那么这只鸟就可以被称为鸭子。"在鸭子类型中,关注点在于对象的行为,能作什么;而不是关注对象所属的类型。例如,在不使用鸭子类型的语言中,我们可以编写一个函数,它接受一个类型为"鸭子"的对象,并调用它的"走"和"叫"方法。在使用鸭子类型的语言中,这样的一个函数可以接受一个任意类型的对象,并调用它的"走"和"叫"方法。如果这些需要被调用的方法不存在,那么将引发一个运行时错误。任何拥有这样的正确的"走"和"叫"方法的对象都可被函数接受的这种行为引出了以上表述,这种决定类型的方式因此得名。interface IPoint {x:
numbery:
number}function addPoints(p1:
IPoint,p2:
IPoint):
IPoint {var x = p1.x + p2.xvar y = p1.y + p2.yreturn {x:
x,y:
y}}// 正确var newPoint = addPoints({x:
3,y:
4},{x:
5,y:
1})// 错误 var newPoint2 = addPoints({x:
1},{x:
4,y:
3})
TypeScript 对象