1、TypeScript 對象
對象是包含一組鍵值對的實例。 值可以是標量、函數(shù)、數(shù)組、對象等,如下實例:
var object_name = {
key1: "value1", // 標量
key2: "value",
key3: function() {
// 函數(shù)
},
key4:["content1", "content2"] //集合
}復制
以上對象包含了標量,函數(shù),集合(數(shù)組或元組)。
對象實例
鴻蒙開發(fā)文檔參考了:[qr23.cn/AKFP8k
]
TypeScript
var sites = {
site1:"Runoob",
site2:"Google"
};
// 訪問對象的值
console.log(sites.site1)
console.log(sites.site2)復制
編譯以上代碼,得到以下 JavaScript 代碼:
JavaScript
var sites = {
site1:"Runoob",
site2:"Google"
};
// 訪問對象的值
console.log(sites.site1)
console.log(sites.site2)復制
輸出結果為:
Runoob
Google
2、TypeScript 類型模板
假如我們在 JavaScript 定義了一個對象:
var sites = {
site1:"Runoob",
site2:"Google"
};復制
這時如果我們想在對象中添加方法,可以做以下修改:
sites.sayHello = function(){ return "hello";}
如果在 TypeScript 中使用以上方式則會出現(xiàn)編譯錯誤,因為Typescript 中的對象必須是特定類型的實例。
TypeScript
sites.sayHello = function(){ return "hello";}復制
編譯以上代碼,得到以下 JavaScript 代碼:
JavaScript
var sites = {
site1: "Runoob",
site2: "Google",
sayHello: function () { } // 類型模板
};
sites.sayHello = function () {
console.log("hello " + sites.site1);
};
sites.sayHello();復制
輸出結果為:
hello Runoob
此外對象也可以作為一個參數(shù)傳遞給函數(shù),如下實例:
TypeScript
var sites = {
site1: "Runoob",
site2: "Google",
sayHello: function () { } // 類型模板
};
sites.sayHello = function () {
console.log("hello " + sites.site1);
};
sites.sayHello();復制
編譯以上代碼,得到以下 JavaScript 代碼:
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
3、鴨子類型(Duck Typing)
鴨子類型(英語:duck typing)是動態(tài)類型的一種風格,是多態(tài)(polymorphism)的一種形式。
在這種風格中,一個對象有效的語義,不是由繼承自特定的類或實現(xiàn)特定的接口,而是由"當前方法和屬性的集合"決定。
"當看到一只鳥走起來像鴨子、游泳起來像鴨子、叫起來也像鴨子,那么這只鳥就可以被稱為鴨子。"
在鴨子類型中,關注點在于對象的行為能做什么,而不是關注對象所屬的類型。例如,在不使用鴨子類型的語言中,我們可以編寫一個函數(shù),它接受一個類型為"鴨子"的對象,并調(diào)用它的"走"和"叫"方法。在使用鴨子類型的語言中,這樣的一個函數(shù)可以接受一個任意類型的對象,并調(diào)用它的"走"和"叫"方法。如果這些需要被調(diào)用的方法不存在,那么將引發(fā)一個運行時錯誤。任何擁有這樣的正確的"走"和"叫"方法的對象都可被函數(shù)接受的這種行為引出了以上表述,這種決定類型的方式因此得名。
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})
審核編輯 黃宇
-
鴻蒙
+關注
關注
57文章
2339瀏覽量
42805 -
HarmonyOS
+關注
關注
79文章
1973瀏覽量
30142 -
OpenHarmony
+關注
關注
25文章
3713瀏覽量
16254
發(fā)布評論請先 登錄
相關推薦
評論