小白教程
所有教程
关于
Search
172.70.131.52
172.70.131.52
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“TypeScript 对象”的源代码
本页内容
上一节:
TypeScript_类
下一节:
TypeScript_命名空间
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:TypeScript 对象}}[[Category:TypeScript 教程|18]] = TypeScript 对象 = 对象是包含一组键值对的实例。 值可以是标量、函数、数组、对象等,如下实例: <sample title="" desc="" lang="typescript" hererun="1"> var object_name = { key1: "value1", // 标量 key2: "value", key3: function() { // 函数 }, key4:["content1", "content2"] //集合 } </sample> 以上对象包含了标量,函数,集合(数组或元组)。 === 对象实例 === == TypeScript == <sample title="" desc="" lang="typescript" hererun="1"> var sites = { site1:"xiaoBai", site2:"Google" }; // 访问对象的值 console.log(sites.site1) console.log(sites.site2) </sample> 编译以上代码,得到以下 JavaScript 代码: == JavaScript == <sample title="" desc="" lang="typescript" hererun="1"> var sites = { site1:"xiaoBai", site2:"Google" }; // 访问对象的值 console.log(sites.site1) console.log(sites.site2) </sample> 输出结果为: <pre>xiaoBai Google</pre> == TypeScript 类型模板 == 假如我们在 JavaScript 定义了一个对象: <sample title="" desc="" lang="typescript" hererun="1"> var sites = { site1:"xiaoBai", site2:"Google" }; </sample> 这时如果我们想在对象中添加方法,可以做以下修改: <pre>sites.sayHello = function(){ return "hello";}</pre> 如果在 TypeScript 中使用以上方式则会出现编译错误,因为Typescript 中的对象必须是特定类型的实例。 == TypeScript == <sample title="" desc="" lang="typescript" hererun="1"> var sites = { site1: "xiaoBai", site2: "Google", sayHello: function () { } // 类型模板 }; sites.sayHello = function () { console.log("hello " + sites.site1); }; sites.sayHello(); </sample> 编译以上代码,得到以下 JavaScript 代码: == JavaScript == <sample title="" desc="" lang="typescript" hererun="1"> var sites = { site1: "xiaoBai", site2: "Google", sayHello: function () { } // 类型模板 }; sites.sayHello = function () { console.log("hello " + sites.site1); }; sites.sayHello(); </sample> 输出结果为: <pre>hello xiaoBai</pre> 此外对象也可以作为一个参数传递给函数,如下实例: == TypeScript == <sample title="" desc="" lang="typescript" hererun="1"> var sites = { site1:"xiaoBai", site2:"Google", }; var invokesites = function(obj: { site1:string, site2 :string }) { console.log("site1 :"+obj.site1) console.log("site2 :"+obj.site2) } invokesites(sites) </sample> 编译以上代码,得到以下 JavaScript 代码: == JavaScript == <sample title="" desc="" lang="typescript" hererun="1"> var sites = { site1: "xiaoBai", site2: "Google" }; var invokesites = function (obj) { console.log("site1 :" + obj.site1); console.log("site2 :" + obj.site2); }; invokesites(sites); </sample> 输出结果为: <pre>site1 :xiaoBai site2 :Google</pre> == 鸭子类型(Duck Typing) == 鸭子类型(英语:duck typing)是动态类型的一种风格,是多态(polymorphism)的一种形式。 在这种风格中,一个对象有效的语义,不是由继承自特定的类或实现特定的接口,而是由"当前方法和属性的集合"决定。 <blockquote>可以这样表述: "当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子,那么这只鸟就可以被称为鸭子。" </blockquote> 在鸭子类型中,关注点在于对象的行为能做什么,而不是关注对象所属的类型。例如,在不使用鸭子类型的语言中,我们可以编写一个函数,它接受一个类型为"鸭子"的对象,并调用它的"走"和"叫"方法。在使用鸭子类型的语言中,这样的一个函数可以接受一个任意类型的对象,并调用它的"走"和"叫"方法。如果这些需要被调用的方法不存在,那么将引发一个运行时错误。任何拥有这样的正确的"走"和"叫"方法的对象都可被函数接受的这种行为引出了以上表述,这种决定类型的方式因此得名。 <sample title="" desc="" lang="typescript" hererun="1"> 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}) </sample>
返回至“
TypeScript 对象
”。
上一节:
TypeScript_类
下一节:
TypeScript_命名空间