吴忠躺衫网络科技有限公司

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙TypeScript學(xué)習(xí)第17天:【對(duì)象】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-04-15 15:33 ? 次閱讀

1、TypeScript 對(duì)象

對(duì)象是包含一組鍵值對(duì)的實(shí)例。 值可以是標(biāo)量、函數(shù)、數(shù)組、對(duì)象等,如下實(shí)例:

var object_name = { 
    key1: "value1", // 標(biāo)量
    key2: "value",  
    key3: function() {
        // 函數(shù)
    }, 
    key4:["content1", "content2"] //集合
}復(fù)制

以上對(duì)象包含了標(biāo)量,函數(shù),集合(數(shù)組或元組)。

對(duì)象實(shí)例

鴻蒙開發(fā)文檔參考了:[qr23.cn/AKFP8k]

TypeScript

var sites = { 
   site1:"Runoob", 
   site2:"Google" 
}; 
// 訪問對(duì)象的值
console.log(sites.site1) 
console.log(sites.site2)復(fù)制

編譯以上代碼,得到以下 JavaScript 代碼:

JavaScript

var sites = { 
   site1:"Runoob", 
   site2:"Google" 
}; 
// 訪問對(duì)象的值
console.log(sites.site1) 
console.log(sites.site2)復(fù)制

輸出結(jié)果為:

Runoob
Google

2、TypeScript 類型模板

假如我們?cè)?JavaScript 定義了一個(gè)對(duì)象:

var sites = { 
   site1:"Runoob", 
   site2:"Google" 
};復(fù)制

這時(shí)如果我們想在對(duì)象中添加方法,可以做以下修改:

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

如果在 TypeScript 中使用以上方式則會(huì)出現(xiàn)編譯錯(cuò)誤,因?yàn)門ypescript 中的對(duì)象必須是特定類型的實(shí)例。

TypeScript

sites.sayHello = function(){ return "hello";}復(fù)制

編譯以上代碼,得到以下 JavaScript 代碼:

JavaScript

var sites = {
    site1: "Runoob",
    site2: "Google",
    sayHello: function () { } // 類型模板
};
sites.sayHello = function () {
    console.log("hello " + sites.site1);
};
sites.sayHello();復(fù)制

輸出結(jié)果為:

hello Runoob

此外對(duì)象也可以作為一個(gè)參數(shù)傳遞給函數(shù),如下實(shí)例:

TypeScript

var sites = {
    site1: "Runoob",
    site2: "Google",
    sayHello: function () { } // 類型模板
};
sites.sayHello = function () {
    console.log("hello " + sites.site1);
};
sites.sayHello();復(fù)制

編譯以上代碼,得到以下 JavaScript 代碼:

JavaScript

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

輸出結(jié)果為:

site1 :Runoob
site2 :Google

3、鴨子類型(Duck Typing)

鴨子類型(英語(yǔ):duck typing)是動(dòng)態(tài)類型的一種風(fēng)格,是多態(tài)(polymorphism)的一種形式。

在這種風(fēng)格中,一個(gè)對(duì)象有效的語(yǔ)義,不是由繼承自特定的類或?qū)崿F(xiàn)特定的接口,而是由"當(dāng)前方法和屬性的集合"決定。

搜狗高速瀏覽器截圖20240326151547.png

"當(dāng)看到一只鳥走起來像鴨子、游泳起來像鴨子、叫起來也像鴨子,那么這只鳥就可以被稱為鴨子。"

在鴨子類型中,關(guān)注點(diǎn)在于對(duì)象的行為能做什么,而不是關(guān)注對(duì)象所屬的類型。例如,在不使用鴨子類型的語(yǔ)言中,我們可以編寫一個(gè)函數(shù),它接受一個(gè)類型為"鴨子"的對(duì)象,并調(diào)用它的"走"和"叫"方法。在使用鴨子類型的語(yǔ)言中,這樣的一個(gè)函數(shù)可以接受一個(gè)任意類型的對(duì)象,并調(diào)用它的"走"和"叫"方法。如果這些需要被調(diào)用的方法不存在,那么將引發(fā)一個(gè)運(yùn)行時(shí)錯(cuò)誤。任何擁有這樣的正確的"走"和"叫"方法的對(duì)象都可被函數(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})  
 
// 錯(cuò)誤 
var newPoint2 = addPoints({x:1},{x:4,y:3})

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 鴻蒙
    +關(guān)注

    關(guān)注

    57

    文章

    2392

    瀏覽量

    43050
  • HarmonyOS
    +關(guān)注

    關(guān)注

    79

    文章

    1982

    瀏覽量

    30573
  • OpenHarmony
    +關(guān)注

    關(guān)注

    25

    文章

    3744

    瀏覽量

    16577
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    鴻蒙TypeScript入門學(xué)習(xí)4:【TS變量聲明】

    變量是一種使用方便的占位符,用于引用計(jì)算機(jī)內(nèi)存地址。 我們可以把變量看做存儲(chǔ)數(shù)據(jù)的容器。
    的頭像 發(fā)表于 03-29 14:49 ?1477次閱讀

    鴻蒙TypeScript入門學(xué)習(xí)6:【條件語(yǔ)句】

    條件語(yǔ)句用于基于不同的條件來執(zhí)行不同的動(dòng)作。 TypeScript 條件語(yǔ)句是通過一條或多條語(yǔ)句的執(zhí)行結(jié)果(True 或 False)來決定執(zhí)行的代碼塊。
    的頭像 發(fā)表于 04-01 13:51 ?799次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b>入門<b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>6<b class='flag-5'>天</b>:【條件語(yǔ)句】

    鴻蒙TypeScript學(xué)習(xí)7:【TypeScript 循環(huán)】

    有的時(shí)候,我們可能需要多次執(zhí)行同一塊代碼。一般情況下,語(yǔ)句是按順序執(zhí)行的:函數(shù)中的第一個(gè)語(yǔ)句先執(zhí)行,接著是第二個(gè)語(yǔ)句,依此類推。 編程語(yǔ)言提供了更為復(fù)雜執(zhí)行路徑的多種控制結(jié)構(gòu)。
    的頭像 發(fā)表于 04-02 14:28 ?905次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>7<b class='flag-5'>天</b>:【<b class='flag-5'>TypeScript</b> 循環(huán)】

    鴻蒙TypeScript 開發(fā)學(xué)習(xí)9:【TypeScript Number】

    TypeScript 與 JavaScript 類似,支持 Number 對(duì)象。 Number 對(duì)象是原始數(shù)值的包裝對(duì)象
    的頭像 發(fā)表于 04-07 18:02 ?834次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b> 開發(fā)<b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>9<b class='flag-5'>天</b>:【<b class='flag-5'>TypeScript</b> Number】

    鴻蒙TypeScript入門學(xué)習(xí)11【Array(數(shù)組)】

    數(shù)組對(duì)象是使用單獨(dú)的變量名來存儲(chǔ)一系列的值。 數(shù)組非常常用。
    的頭像 發(fā)表于 04-09 14:38 ?1237次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b>入門<b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>11<b class='flag-5'>天</b>【Array(數(shù)組)】

    鴻蒙語(yǔ)言TypeScript學(xué)習(xí)16:【類】

    TypeScript 支持面向對(duì)象的所有特性,比如 類、接口等。
    的頭像 發(fā)表于 04-15 09:29 ?1101次閱讀
    <b class='flag-5'>鴻蒙</b>語(yǔ)言<b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>16<b class='flag-5'>天</b>:【類】

    鴻蒙TypeScript學(xué)習(xí)20:【模塊】

    TypeScript 模塊的設(shè)計(jì)理念是可以更換的組織代碼。 模塊是在其自身的作用域里執(zhí)行,并不是在全局作用域,這意味著定義在模塊里面的變量、函數(shù)和類等在模塊外部是不可見的,除非明確地使用 export 導(dǎo)出它們。類似地,我們必須通過 import 導(dǎo)入其他模塊導(dǎo)出的變量、函數(shù)、類等。
    的頭像 發(fā)表于 04-18 15:19 ?763次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>20<b class='flag-5'>天</b>:【模塊】

    【觸覺智能 Purple Pi OH 開發(fā)板體驗(yàn)】二、鴻蒙系統(tǒng)APP應(yīng)用例程學(xué)習(xí)HDC使用學(xué)習(xí)

    兩年開發(fā)鴻蒙APP也是使用的這兩種語(yǔ)言進(jìn)行開發(fā)。當(dāng)下看TypeScript程序還能說勉強(qiáng)看懂,但是當(dāng)下開發(fā)程序就沒那個(gè)實(shí)力了,需要之后在抽時(shí)間學(xué)習(xí)。技術(shù)更新的也確實(shí)是快啊!!! 二、天氣預(yù)報(bào)程序開發(fā)
    發(fā)表于 08-31 11:13

    鴻蒙TypeScript入門學(xué)習(xí)2TypeScript安裝】

    本文介紹 TypeScript 環(huán)境的安裝。 我們需要使用到 npm 工具安裝,如果你還不了解 npm,可以參考我之前文檔。
    的頭像 發(fā)表于 03-27 15:22 ?546次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b>入門<b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>2<b class='flag-5'>天</b>【<b class='flag-5'>TypeScript</b>安裝】

    鴻蒙TypeScript開發(fā)入門學(xué)習(xí)3:【TS基礎(chǔ)類型】

    任意值是 TypeScript 針對(duì)編程時(shí)類型不明確的變量使用的一種數(shù)據(jù)類型,它常用于以下三種情況。
    的頭像 發(fā)表于 03-28 15:02 ?578次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b>開發(fā)入門<b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>3<b class='flag-5'>天</b>:【TS基礎(chǔ)類型】

    鴻蒙TypeScript入門學(xué)習(xí)8:【TypeScript 函數(shù)】

    函數(shù)是一組一起執(zhí)行一個(gè)任務(wù)的語(yǔ)句。 您可以把代碼劃分到不同的函數(shù)中。如何劃分代碼到不同的函數(shù)中是由您來決定的,但在邏輯上,劃分通常是根據(jù)每個(gè)函數(shù)執(zhí)行一個(gè)特定的任務(wù)來進(jìn)行的。
    的頭像 發(fā)表于 04-03 14:54 ?462次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b>入門<b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>8<b class='flag-5'>天</b>:【<b class='flag-5'>TypeScript</b> 函數(shù)】

    鴻蒙TypeScript學(xué)習(xí)10:【String(字符串)】

    String 對(duì)象用于處理文本(字符串)。
    的頭像 發(fā)表于 04-08 14:32 ?888次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>10<b class='flag-5'>天</b>:【String(字符串)】

    鴻蒙TypeScript學(xué)習(xí)12【Map對(duì)象

    Map 對(duì)象保存鍵值對(duì),并且能夠記住鍵的原始插入順序。 任何值(對(duì)象或者原始值) 都可以作為一個(gè)鍵或一個(gè)值。
    的頭像 發(fā)表于 04-10 15:47 ?1296次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>12<b class='flag-5'>天</b>【Map<b class='flag-5'>對(duì)象</b>】

    鴻蒙TypeScript學(xué)習(xí)13:【元組】

    元組中允許存儲(chǔ)不同類型的元素,元組可以作為參數(shù)傳遞給函數(shù)。
    的頭像 發(fā)表于 04-11 14:43 ?551次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習(xí)</b><b class='flag-5'>第</b>13<b class='flag-5'>天</b>:【元組】

    鴻蒙TypeScript學(xué)習(xí)21:【聲明文件】

    TypeScript 作為 JavaScript 的超集,在開發(fā)過程中不可避免要引用其他第三方的 JavaScript 的庫(kù)。
    的頭像 發(fā)表于 04-19 15:02 ?657次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習(xí)</b>21<b class='flag-5'>天</b>:【聲明文件】
    一起pk棋牌游戏下载| 现金百家乐技巧| 大发888什么赢钱快| 广州百家乐官网酒店用品制造有限公司 | 宝龙百家乐官网娱乐城| 百家乐好津乐汇| 网上百家乐官网大赢家| 顶级赌场官方| 百家乐玩法与规则| 和记国际娱乐| 百家乐园会员注册| 百家乐官网网上娱乐城| 大发888zhldu| 属鸡和属猪做生意好吗| 百家乐官网怎么注册| 678百家乐博彩娱乐场| 百家乐官网要怎么玩啊| 赌百家乐可以赢钱| 海王星百家乐官网的玩法技巧和规则| 大发888真人新浪微群| 虚拟百家乐游戏下载| 澳门百家乐官网是骗人的| 免费百家乐预测| 玩百家乐官网的好处| 来博百家乐官网现金网| 大发888游戏客户端下载| 百家乐官网平游戏| 沙龙娱乐| 百家乐官网网页游戏| 百家乐官网规则博彩正网| 大发888客服电话| 百家乐透视牌靴哪里有| 博彩百家乐官网规则| A8百家乐娱乐场| V博百家乐官网的玩法技巧和规则| 菠菜百家乐官网娱乐城| 全讯网新3| 属蛇做生意坐向| 太阳城百家乐官网分析解码| 八大胜投注,| 百家乐分析仪有真的吗|