《HarmonyOS應(yīng)用開(kāi)發(fā)基礎(chǔ)》 課件 知識(shí)點(diǎn) 單元1　HarmonyOS應(yīng)用開(kāi)發(fā)準(zhǔn)備

HarmonyOS簡(jiǎn)介了解鴻蒙鴻蒙發(fā)展歷史了解OpenHarmonyOpenHarmony是由開(kāi)放原子開(kāi)源基金會(huì)（OpenAtomFoundation）孵化及運(yùn)營(yíng)的開(kāi)源項(xiàng)目，目標(biāo)是面向全場(chǎng)景、全連接、全智能時(shí)代，基于開(kāi)源的方式，搭建一個(gè)智能終端設(shè)備操作系統(tǒng)的框架和平臺(tái)，促進(jìn)萬(wàn)物互聯(lián)產(chǎn)業(yè)的繁榮發(fā)展。OpenHarmony提供一個(gè)智能終端設(shè)備的操作系統(tǒng)底座框架和平臺(tái)，參與者只要遵循開(kāi)源協(xié)議和法律，就可以持續(xù)為OpenHarmony開(kāi)源項(xiàng)目貢獻(xiàn)代碼，共同促進(jìn)萬(wàn)物全場(chǎng)景、全連接、全智能的互聯(lián)產(chǎn)業(yè)的繁榮發(fā)展。項(xiàng)目地址為：/openharmony。

了解HarmonyOSHarmonyOS就是鴻蒙操作系統(tǒng)，是商用版本，是華為基于OpenHarmony、AOSP(AndroidOpenSourceProject)等開(kāi)源項(xiàng)目推出的新一代智能終端操作系統(tǒng)，HarmonyOS手機(jī)和平板也能運(yùn)行Android應(yīng)用，是因?yàn)镠armonyOS遵循了Android的AOSP。HarmonyOS系統(tǒng)架構(gòu)HarmonyOS整體遵從分層設(shè)計(jì)，從下向上依次為：內(nèi)核層、系統(tǒng)服務(wù)層、框架層和應(yīng)用層。1+8+N全場(chǎng)景應(yīng)用HarmonyOS是一個(gè)支持多設(shè)備的操作系統(tǒng)，“一生萬(wàn)物，萬(wàn)物歸一”。HarmonyOS以手機(jī)為核心，將生活場(chǎng)景中的各類(lèi)終端進(jìn)行能力整合，構(gòu)建1+8+N全場(chǎng)景應(yīng)用，實(shí)現(xiàn)不同終端設(shè)備之間的快速連接、服務(wù)流轉(zhuǎn)、能力互助、資源共享，匹配合適的設(shè)備、提供流暢的全場(chǎng)景體驗(yàn)。開(kāi)發(fā)前準(zhǔn)備了解DevEcoStudioHUAWEIDevEcoStudio（簡(jiǎn)稱(chēng)DevEcoStudio）是面向華為終端全場(chǎng)景多設(shè)備的一站式集成開(kāi)發(fā)環(huán)境（IDE），除了創(chuàng)建工程、開(kāi)發(fā)、編譯、調(diào)試、發(fā)布等功能外，DevEcoStudio還可以支持多設(shè)備開(kāi)發(fā)，實(shí)時(shí)預(yù)覽器/模擬器等。DevEcoStudio支持多設(shè)備預(yù)覽、模擬器運(yùn)行、真機(jī)運(yùn)行三種方式。開(kāi)發(fā)者可以在DevEcoStudio中使用遠(yuǎn)程模擬器（RemoteEmulator）運(yùn)行應(yīng)用，也可以下載本地模擬器（LocalEmulator）運(yùn)行應(yīng)用，開(kāi)發(fā)者還可以使用超級(jí)終端模擬器（SuperDevice）調(diào)測(cè)跨設(shè)備的應(yīng)用。搭建開(kāi)發(fā)環(huán)境流程DevEcoStudio支持Windows系統(tǒng)和macOS系統(tǒng)，在開(kāi)發(fā)HarmonyOS應(yīng)用/服務(wù)前，需要配置HarmonyOS應(yīng)用/服務(wù)的開(kāi)發(fā)環(huán)境。Node.js與npmNode.js是什么?Node.js是一個(gè)基于GoogleV8引擎開(kāi)發(fā)的C++程序Javascript運(yùn)行環(huán)境(runtime)，具有事件驅(qū)動(dòng)、非阻塞I/O的特點(diǎn)。Node.js的優(yōu)點(diǎn)響應(yīng)速度快易于擴(kuò)展適合在分布式設(shè)備上運(yùn)行數(shù)據(jù)密集型的實(shí)時(shí)應(yīng)用npm

是

NodePackageManager的縮寫(xiě)，意思是Node.js的包管理系統(tǒng)。安裝了Node.js后，自動(dòng)會(huì)安裝npm。認(rèn)識(shí)DevEcoStudio界面認(rèn)識(shí)TypeScript01020304JavaScript和TypeScript概述TypeScript程序的編譯與運(yùn)行TypeScript語(yǔ)法說(shuō)明TypeScript變量聲明JavaScript與ES6JavaScript語(yǔ)言（簡(jiǎn)稱(chēng)“JS”）解釋型腳本語(yǔ)言廣泛應(yīng)用在Web端、移動(dòng)端、小程序端、桌面端、服務(wù)端動(dòng)態(tài)類(lèi)型語(yǔ)言ES6（全稱(chēng)“ECMAScript6.0”）JavaScript的一個(gè)版本標(biāo)準(zhǔn)2015年6月，ES6版本正式成為國(guó)際標(biāo)準(zhǔn)TypeScript簡(jiǎn)介T(mén)ypeScript（簡(jiǎn)稱(chēng)“TS”）微軟開(kāi)發(fā)的一種開(kāi)放源代碼語(yǔ)言JS的一個(gè)超集提供編譯時(shí)的靜態(tài)類(lèi)型檢查ArkTS鴻蒙生態(tài)的一種應(yīng)用開(kāi)發(fā)語(yǔ)言TS的一個(gè)超集擴(kuò)展了聲明式UI、狀態(tài)管理等相應(yīng)的能力JS、TS、ArkTS三者關(guān)系TypeScript程序的編譯和運(yùn)行編譯使用tsc命令將TS文件.ts編譯成JS文件例如：tsctest.ts運(yùn)行使用node命令執(zhí)行編譯生成的JS文件例如：nodetest.jsTypeScript語(yǔ)法說(shuō)明TypeScript是面向?qū)ο笳Z(yǔ)言，與C?；騄ava類(lèi)似。相同之處：可以使用數(shù)據(jù)類(lèi)型定義變量具有函數(shù)、類(lèi)、接口、枚舉等類(lèi)型。不同之處：TS結(jié)束語(yǔ)句可以使用分號(hào)也可以不使用分號(hào)TS字符串可以使用單引號(hào)也可以使用雙引號(hào)示例：TypeScript變量聲明TypeScript變量的命名規(guī)則：變量名稱(chēng)可以包含數(shù)字和字母；除了下劃線_和美元$符號(hào)外，不能包含其他特殊字符，包括空格；變量名不能以數(shù)字開(kāi)頭；不能是關(guān)鍵字，例如let、const等示例：正確的變量命名：message、$name、_init錯(cuò)誤的變量命名：123、123message、user/name!fruit1amilk%$age_value思考一下：以下哪些變量命名是正確的:TypeScript變量聲明聲明變量使用的關(guān)鍵字：var或let（建議使用let）TypeScript聲明變量方式的幾種情況：let[變量名]:[類(lèi)型]=值;

使用示例：letuname:string="hello";let[變量名]:[類(lèi)型];

使用示例：letuname:string;let[變量名]=值;

使用示例：letuname="hello";let[變量名];

使用示例：letuname;TypeScript變量聲明TypeScript在編譯時(shí)進(jìn)行類(lèi)型檢查，遵循強(qiáng)類(lèi)型，如果將不同的類(lèi)型賦值給變量會(huì)編譯錯(cuò)誤。示例代碼如下：//聲明變量val，并賦初始值let

val

=

123;//使用變量val

=

456

;

//正確console.log(val);//在控制臺(tái)打印出變量val的值val

=

'deg';

//編譯錯(cuò)誤TypeScript常用基礎(chǔ)數(shù)據(jù)類(lèi)型TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型有：any（任意類(lèi)型）number（數(shù)字類(lèi)型）string（字符串類(lèi)型）boolean（布爾類(lèi)型）數(shù)組類(lèi)型tuple（元組類(lèi)型）enum（枚舉類(lèi)型）void類(lèi)型null和undefined類(lèi)型never類(lèi)型TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型any類(lèi)型聲明為any的變量可以賦予任意類(lèi)型的值示例代碼如下：let

data:

any;

//聲明變量data為any類(lèi)型data

=

"hello";

//將字符串賦值給dataconsole.log(typeof(data));

//輸出data的類(lèi)型為stringTypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型number類(lèi)型number代表數(shù)字類(lèi)型，是浮點(diǎn)值，它可以用來(lái)表示整數(shù)和小數(shù)。示例代碼如下：let

data:

number;

//聲明變量data為數(shù)字類(lèi)型data

=

222;console.log(typeof(data));

//numberTypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型string類(lèi)型string代表字符串類(lèi)型，使用單引號(hào)（‘）或雙引號(hào)（“）來(lái)表示字符串類(lèi)型，反引號(hào)（`）來(lái)定義多行文本和內(nèi)嵌表達(dá)式，反引號(hào)中的${變量名}會(huì)替換成相應(yīng)的變量的值。示例代碼如下：let

data1:

string

=

"hello";

//聲明變量data為字符串類(lèi)型let

data2

=

`${data1}`;

//使用反引號(hào),${變量名}會(huì)獲取到相應(yīng)變量的值console.log(data2);

//hello

TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型boolean類(lèi)型boolean代表布爾類(lèi)型，表示邏輯值：true和false。示例代碼如下：let

data:

boolean

=

true;

//聲明變量data為布爾類(lèi)型TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型數(shù)組類(lèi)型數(shù)組里放的都是類(lèi)型相同的數(shù)據(jù)。有兩種方式可以定義數(shù)組。第一種，可以在元素類(lèi)型后面接上[]。第二種使用數(shù)組泛型，Array<元素類(lèi)型>。示例代碼如下：//聲明變量datas為數(shù)組類(lèi)型，數(shù)組中都是數(shù)字，聲明數(shù)組時(shí)同時(shí)初始化值let

datas:

number[]

=

[4,8,7];//聲明變量temps為數(shù)組泛型，數(shù)組中的數(shù)據(jù)類(lèi)型是numberlet

temps:

Array<string>

=

["hi","ArkTS"];console.log(temps[1]);

//獲取temps數(shù)組的第2個(gè)成員的值，值為ArkTSTypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型元組類(lèi)型元組類(lèi)型允許表示一個(gè)已知元素?cái)?shù)量和類(lèi)型的數(shù)組，各元素的類(lèi)型不必相同，初始化值時(shí)對(duì)應(yīng)位置的數(shù)據(jù)類(lèi)型要相同。示例代碼如下：let

temps:

[number,string,boolean]

=

[2,'Hi',false];

//個(gè)數(shù)、類(lèi)型、順序要一致temps

=

["UI",'HarmonyOS',true];//編譯報(bào)錯(cuò)：不能將類(lèi)型“string”分配給類(lèi)型“number”TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型枚舉類(lèi)型使用枚舉我們可以定義一些帶名字的常量。使用枚舉可以清晰地表達(dá)意圖或創(chuàng)建一組有區(qū)別的用例。TypeScript支持?jǐn)?shù)字的和基于字符串的枚舉。示例代碼如下：enum

DeviceType{

ZigBee,

LoRa}console.log(DeviceType.LoRa+"");//從枚舉類(lèi)中取LoRa成員的值，值為1TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型void類(lèi)型void類(lèi)型一般用于聲明函數(shù)返回值類(lèi)型它表示沒(méi)有任何類(lèi)型。當(dāng)一個(gè)函數(shù)沒(méi)有返回值時(shí)，你通常會(huì)見(jiàn)到其返回值類(lèi)型是void。（void用來(lái)聲明的變量沒(méi)多大作用）。示例代碼如下：function

testFun():

void{

//函數(shù)沒(méi)有返回值

return

123;

//編譯報(bào)錯(cuò)：不能將類(lèi)型“number”分配給類(lèi)型“void”}

TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型undefined與null類(lèi)型undefined與null用作變量類(lèi)型聲明用處不大，undefined一般用于變量未初始化時(shí)的默認(rèn)值，null變量用于給變量置空時(shí)使用。示例代碼如下：

let

cat;

//聲明變量cat，但沒(méi)有初始化

console.log(cat+"");

//undefined

cat

=

null;

if(null

==

cat)

{

console.log(cat+"");

//null

}TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型never類(lèi)型never類(lèi)型是其他類(lèi)型的子類(lèi)型，表示的是那些永不存在的值的類(lèi)型。用在函數(shù)中，用來(lái)限制函數(shù)永遠(yuǎn)也執(zhí)行不到返回值的地方。示例代碼如下：function

testFun():

never{

//正確

while(true)

{

//…}

//while循環(huán)為恒真，永遠(yuǎn)也不會(huì)執(zhí)行到這里

}TypeScript的常用基礎(chǔ)數(shù)據(jù)類(lèi)型聯(lián)合類(lèi)型聯(lián)合類(lèi)型使用管道符號(hào)（|）可以將變量聲明為多種類(lèi)型，例如string|number表示字符串或者數(shù)值類(lèi)型。示例代碼如下：let

x:

string|number;x

=

12;

//正確x

=

"haha"

;

//正確x

=

true;

//編譯報(bào)錯(cuò)TypeScript函數(shù)010203060504函數(shù)的定義與調(diào)用函數(shù)的返回值可選參數(shù)箭頭函數(shù)匿名函數(shù)默認(rèn)參數(shù)07函數(shù)聲明函數(shù)的定義與調(diào)用函數(shù)的定義使用function關(guān)鍵字修飾：函數(shù)名必須形參個(gè)數(shù)可選形參對(duì)應(yīng)的類(lèi)型可選（形參沒(méi)有設(shè)置類(lèi)型時(shí)，使用any類(lèi)型）形參之間使用逗號(hào)隔開(kāi)返回值類(lèi)型可選（沒(méi)有指定返回值類(lèi)型時(shí)，返回值類(lèi)型由返回值內(nèi)容確定）function函數(shù)名(形參1:類(lèi)型1,形參2:類(lèi)型2…):返回值類(lèi)型{

//要執(zhí)行的代碼}函數(shù)的定義與調(diào)用函數(shù)的定義示例：functiontest()

{

console.log("hello")

//要執(zhí)行的代碼塊}函數(shù)的調(diào)用使用函數(shù)名()的形式調(diào)用函數(shù)，若定義的函數(shù)有形參，則調(diào)用時(shí)要傳入實(shí)參。test()函數(shù)的返回值指定返回值類(lèi)型時(shí)，使用return返回該類(lèi)型的返回值使用void修飾返回值類(lèi)型時(shí)，表示該函數(shù)沒(méi)有返回值，不能使用return//定義函數(shù)，該函數(shù)的返回值類(lèi)型為stringfunction

test100():

string{

return

"hi"

//返回一個(gè)string類(lèi)型的結(jié)果}let

res_fun1:

string

=

test100();//調(diào)用函數(shù)并接收函數(shù)的返回值//定義函數(shù)，該函數(shù)沒(méi)有返回值function

test200():

void{

return

"hi"

//編譯報(bào)錯(cuò)}函數(shù)的返回值//定義函數(shù)，該函數(shù)的返回值未指明類(lèi)型或void，則函數(shù)的返回值類(lèi)型依情況而定function

test300(){

return

123

//返回一個(gè)number類(lèi)型的值}let

res300:

number

=

test300();

//調(diào)用函數(shù)并接收函數(shù)的返回值沒(méi)有返回值類(lèi)型修飾時(shí)，可以返回任意類(lèi)型的值，也可以不返回值。（函數(shù)的返回值類(lèi)型由返回值決定）可選參數(shù)在TypeScript函數(shù)里，如果定義了參數(shù)，則調(diào)用函數(shù)時(shí)必須傳入指定類(lèi)型的參數(shù)，除非將這些參數(shù)設(shè)置為可選?？蛇x參數(shù)使用問(wèn)號(hào)（？）標(biāo)識(shí)可選參數(shù)必須跟在必須參數(shù)后面function

test(x:

string,

y?:

number)

//聲明一個(gè)有可選參數(shù)的函數(shù){

//要執(zhí)行的代碼

}test("hi");

//調(diào)用函數(shù)，正確默認(rèn)參數(shù)當(dāng)定義了有參數(shù)的函數(shù)，但是在調(diào)用函數(shù)的時(shí)候，如果不想傳入該參數(shù)的值，則使用默認(rèn)參數(shù)。function

test(x:

string,

y:

number

=

200)

//聲明一個(gè)有默認(rèn)值參數(shù)的函數(shù){

console.log(x+"

"+y);}test("hi");

//調(diào)用函數(shù)，正確，y的值為200注意：同一個(gè)參數(shù)不能同時(shí)設(shè)置為可選和默認(rèn)。匿名函數(shù)匿名函數(shù)是一個(gè)沒(méi)有函數(shù)名的函數(shù)，在程序運(yùn)行時(shí)動(dòng)態(tài)聲明，除了沒(méi)有函數(shù)名外，其他的與普通函數(shù)一樣。將匿名函數(shù)賦值給一個(gè)變量，這種表達(dá)式就是匿名函數(shù)表達(dá)式。let

res

=

function(a:

number,b:

number){

//定義一個(gè)帶參數(shù)的匿名函數(shù)

return

a+b;}console.log(res(4,5)+"");

//調(diào)用函數(shù)，輸出：9匿名函數(shù)在匿名函數(shù)后使用()就是匿名函數(shù)的自調(diào)用。(function(){

console.log("我是自調(diào)用函數(shù)");})()

//匿名函數(shù)的自調(diào)用，輸出：我是自調(diào)用函數(shù)箭頭函數(shù)匿名函數(shù)的另一種簡(jiǎn)潔寫(xiě)法就是箭頭函數(shù)的形式（使用=>定義函數(shù)，也稱(chēng)作lambda表達(dá)式）。/箭頭函數(shù)：省略function關(guān)鍵字和函數(shù)名，使用=>let

res1

=

(x:number,y:

number)=>{

let

a

=

x+y;

console.log(a+"");}//定義有返回值的箭頭函數(shù)，并且函數(shù)中有多行執(zhí)行語(yǔ)句let

res2

=

(x:number,y:

number):

string=>{

let

a

=

x+y;

console.log(a+"");

return

"ok"}//當(dāng)函數(shù)的執(zhí)行部分只有一行語(yǔ)句時(shí)，{}可以省略let

res3

=

(x:number,y:

number)=>x+y//當(dāng)函數(shù)只有1個(gè)參數(shù)，()可以省略let

res4

=

x=>x+100;//當(dāng)函數(shù)無(wú)參時(shí)，可以使用空括號(hào)：let

res5

=

()=>

100;重點(diǎn)函數(shù)的聲明函數(shù)聲明可以限定函數(shù)的名稱(chēng)、參數(shù)類(lèi)型和個(gè)數(shù)、函數(shù)的返回值等。//聲明函數(shù)myFun，有兩個(gè)參數(shù)，返回值類(lèi)型為string，聲明時(shí)同時(shí)賦值let

myFun:(x:number,y:string)=>string

=

(a:number,b:string)=>{return

b}//調(diào)用函數(shù)myFunmyFun(100,'HarmonyOS')TypeScript面向?qū)ο缶幊?10203面向?qū)ο缶幊谈攀鯰ypeScript中類(lèi)的定義和對(duì)象的使用TypeScript中接口的聲明和使用面向?qū)ο缶幊蹋∣OP）概述面向?qū)ο?ObjectOriented)簡(jiǎn)稱(chēng)OO，它是一種編程思維，用于指導(dǎo)我們?nèi)绾螒?yīng)對(duì)各種復(fù)雜的開(kāi)發(fā)場(chǎng)景。這里說(shuō)的對(duì)象(Object)，意思就是事物，在面向?qū)ο蟮乃季S中，它將一切都看作是對(duì)象，并以對(duì)象為切入點(diǎn)去思考問(wèn)題。使用面向?qū)ο笏枷刖幊叹头Q(chēng)作面向?qū)ο缶幊?ObjectOrientedProgramming)，簡(jiǎn)稱(chēng)OOP。面向?qū)ο蟮南嚓P(guān)概念：類(lèi)對(duì)象接口面向?qū)ο笕筇卣鳎悍庋b、繼承和多態(tài)...TypeScript中類(lèi)的定義與對(duì)象的使用定義類(lèi)使用關(guān)鍵字class類(lèi)中可以有屬性和方法類(lèi)中的屬性和方法默認(rèn)都是public公有的屬性可以定義時(shí)初始化也可以通過(guò)構(gòu)造方法初始化class

Animal

{

private

name:

string

=

'小動(dòng)物';

//屬性，可以定義時(shí)初始化

private

age:

number;

//構(gòu)造方法給屬性做初始化

public

constructor(name:

string,

age:

number)

{

this.name

=

name;

this.age

=

age;

}

//獲取屬性name的值

public

getName()

{

return

this.name;

}

//設(shè)置屬性name的值

public

setName(name:

string)

{

this.name

=

name;

}

//age的get()和set()方法省略

//普通方法

public

info():

string

{

return

"Animal

info()

is

running...";

}}TypeScript中類(lèi)的定義與對(duì)象的使用創(chuàng)建對(duì)象使用關(guān)鍵字newlet

animal

:Animal

=

new

Animal("小貓",2);console.log(animal.getName());//小貓TypeScript中類(lèi)的定義與對(duì)象的使用繼承使用關(guān)鍵字extends子類(lèi)繼承父類(lèi)的屬性和方法子類(lèi)可以重寫(xiě)父類(lèi)繼承下來(lái)的方法子類(lèi)可以新增屬性