一個(gè)人開發(fā)一個(gè)產(chǎn)品,小程序從0到1,第3章框架語法

開發(fā)小程序

作者:風(fēng)千易 發(fā)布:2023-06-08 10:31 335瀏覽

回答 共1個(gè)

很多簡(jiǎn)歷上有著”精通“二字的人,卻聯(lián)基礎(chǔ)知識(shí)都不過關(guān)。建議學(xué)編程的同志,最好耐著性子,從框架語法學(xué)起,否則總有一天,你還是得從框架語法學(xué)起。微信小程序的js,是一套腳本語言,結(jié)合WXML,可以構(gòu)建出頁面的結(jié)構(gòu)。它與JavaScript是不同的語言,有著自己的語法。語法內(nèi)容有關(guān)鍵字、注釋、輸出等。

3.1關(guān)鍵字關(guān)鍵字可用于表示控制語句的開始或結(jié)束,或者用于執(zhí)行特定操作等。關(guān)鍵字是語言保留的,不能用作標(biāo)識(shí)符,如變量名不能用關(guān)鍵字var,常量名不能用const。關(guān)鍵字在開發(fā)工具中,常用亮麗的色彩,讓你著迷。deletevoidtypeofnullundefinedNaNInfinityvarletconstifelsetruefalserequirethisfunctionargumentsreturnforwhiledobreakcontinueswitchcasedefault

3.2注釋js注釋方式,有以//開頭的單行注釋和以/*開始*/結(jié)束,既/**/的雙行注釋。注釋是給開發(fā)人員看的,不是給機(jī)器瞧的。不以注釋為編程任務(wù)的程序員都是耍流氓。/***首次渲染完畢時(shí)執(zhí)行*一個(gè)頁面只執(zhí)行一次*/onReadyfunction{//讀取初始值}

3.3輸出在js文件中,可通過console.log(var)在控制臺(tái)輸出信息,方便開發(fā)者調(diào)用js代碼,查找代碼的相關(guān)問題,它是一個(gè)使用頻率很高的功能。其中var變量,可以是數(shù)組類型,對(duì)象類型或者字符串類型等,它可以接受一個(gè)或多個(gè)參數(shù),將它們連接起來輸出。

1.用法用console.log輸出一個(gè)或多個(gè)變量值時(shí),在值與值之間會(huì)自動(dòng)添加空格并且會(huì)自動(dòng)在每次輸出的結(jié)尾添加換行符。廢話不多說,代碼才是硬核,打開pages/index/index.js文件,進(jìn)行內(nèi)容大變身。//index.js//獲取應(yīng)用實(shí)例constapp=getAppPage({data{motto'HelloWorld'},//事件處理函數(shù)bindViewTapfunction{},onLoadfunction{console.log('我有個(gè)特別好聽的名字','西門吹水');console.log('我不會(huì)武功,只會(huì)吹水');}})輸出內(nèi)容我有個(gè)特別好聽的名字西門吹水我不會(huì)武功,只會(huì)吹水

2.占位符在console.log中,可以通過一些特有的占位符進(jìn)行信息的加工輸出,讓輸出結(jié)果更符合你的個(gè)性化要求,支持的占位符有字符串(%s)、整數(shù)(%d或%i)、浮點(diǎn)數(shù)(%f)、對(duì)象(%o)和樣式(%c)。onLoadfunction{console.log('西門%c吹%c水','colorgreen','colorred');console.log('會(huì)特別難的%s算術(shù)','加法');console.log('%d+%d=',1,1,2);}

3.特殊方法在開發(fā)時(shí),當(dāng)需要統(tǒng)計(jì)一段代碼的執(zhí)行時(shí)間時(shí),可以使用console.time方法標(biāo)記開始時(shí)間與console.timeEnd方法標(biāo)記結(jié)束時(shí)間,并且將結(jié)束時(shí)間與開始時(shí)間之間經(jīng)過的毫秒數(shù)在控制臺(tái)中輸出。在開發(fā)時(shí),如果有對(duì)數(shù)據(jù)信息進(jìn)行分組的需求,可用console.group方法用于設(shè)置分組信息的起始位置,可用console.groupEnd方法用于結(jié)束當(dāng)前的分組,相關(guān)用法如下。onLoadfunction{console.time("運(yùn)行時(shí)間");console.group("第一組信息");console.log("第一組第1行");console.log("第一組第2行");console.groupEnd;console.group("第二組信息");console.log("第二組第1行");console.log("第二組第2行");console.log("第二組第3行");console.groupEnd;console.timeEnd("運(yùn)行時(shí)間");}

4.更多輸出在js文件中,除了可用console.log輸出信息,進(jìn)行js代碼調(diào)試外,還可用onsole.info和console.debug兩個(gè)好基友。它們本質(zhì)上與console.log并沒有多大的區(qū)別,只是另一個(gè)名字而以。另外,可用console.warn輸出警告(提示)信息,它在輸出的log前有個(gè)黃色的圖標(biāo);可用console.error輸出錯(cuò)誤信息,它在輸出的log前有個(gè)紅色的圖標(biāo)。onLoadfunction{console.warn('不知有什么好提示的');console.error('你有錯(cuò)?我的錯(cuò)?--都不是,一切都是代碼的錯(cuò)。')}其他的還有幾個(gè),用的很少,我?guī)缀醪挥?,我就不講了,有那個(gè)時(shí)間,還不如去研究研究下一節(jié)的內(nèi)容常量變量。

13贊同

2023-06-08 10:31:35

推薦閱讀 RECOMMENDED READING