一個人開發一個產品,小程式從0到1,第5章 基礎語法
- 2020 年 3 月 14 日
- 筆記
很多簡歷上有著”精通“二字的人,卻聯基礎知識都不過關。建議學編程的同志,最好耐著性子,從基礎語法學起,否則總有一天,你還是得從基礎語法學起。
微信小程式的js,是一套腳本語言,結合WXML,可以構建出頁面的結構。它與JavaScript是不同的語言,有著自己的語法。語法內容有關鍵字、注釋、輸出等。
5.1 關鍵字
關鍵字可用於表示控制語句的開始或結束,或者用於執行特定操作等。關鍵字是語言保留的,不能用作標識符,如變數名不能用關鍵字var,常量名不能用const。關鍵字在開發工具中,常用亮麗的色彩,讓你著迷。
delete void typeof null undefined NaN Infinity
var let const if else true false
require this function arguments return for while
do break continue switch case default
5.2 注釋
js注釋方式,有以//開頭的單行注釋和以/*開始*/結束,既/* */的雙行注釋。注釋是給開發人員看的,不是給機器瞧的。不以注釋為編程任務的程式設計師都是耍流氓。
/** * 首次渲染完畢時執行 * 一個頁面只執行一次 */ onReady: function() { //讀取初始值 }
5.3 輸出
在js文件中,可通過console.log(var)在控制台輸出資訊,方便開發者調用js程式碼,查找程式碼的相關問題,它是一個使用頻率很高的功能。其中var變數,可以是數組類型,對象類型或者字元串類型等,它可以接受一個或多個參數,將它們連接起來輸出。
1. 用法
用console.log()輸出一個或多個變數值時,在值與值之間會自動添加空格並且會自動在每次輸出的結尾添加換行符。
廢話不多說,程式碼才是硬核,打開pages/index/index.js文件,進行內容大變身。
//index.js //獲取應用實例 const app = getApp() Page({ data: { motto: 'Hello World' }, //事件處理函數 bindViewTap: function() {}, onLoad: function() { console.log('我有個特別好聽的名字:', '西門吹水'); console.log('我不會武功,只會吹水'); } })
輸出內容
我有個特別好聽的名字: 西門吹水 我不會武功,只會吹水
2. 佔位符
在console.log()中,可以通過一些特有的佔位符進行資訊的加工輸出,讓輸出結果更符合你的個性化要求,支援的佔位符有:字元串(%s)、整數(%d或%i)、浮點數(%f)、對象(%o)和樣式(%c)。
onLoad: function() { console.log('西門%c吹%c水', 'color:green', 'color:red'); console.log('會特別難的%s算術', '加法'); console.log('%d + %d =', 1, 1, 2); }
3. 特殊方法
在開發時,當需要統計一段程式碼的執行時間時,可以使用console.time方法標記開始時間與console.timeEnd方法標記結束時間,並且將結束時間與開始時間之間經過的毫秒數在控制台中輸出。
在開發時,如果有對數據資訊進行分組的需求,可用console.group()方法用於設置分組資訊的起始位置,可用console.groupEnd()方法用於結束當前的分組,相關用法如下。
onLoad: function() { console.time("運行時間"); 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("運行時間"); }
4. 更多輸出
在js文件中,除了可用console.log()輸出資訊,進行js程式碼調試外,還可用onsole.info()和console.debug()兩個好基友。它們本質上與console.log()並沒有多大的區別,只是另一個名字而以。
另外,可用console.warn()輸出警告(提示)資訊,它在輸出的log前有個黃色的圖標;可用console.error()輸出錯誤資訊,它在輸出的log前有個紅色的圖標。
onLoad: function() { console.warn('不知有什麼好提示的'); console.error('你有錯?我的錯?--都不是,一切都是程式碼的錯。') }
其他的還有幾個,用的很少,我幾乎不用,我就不講了,有那個時間,還不如去研究研究下一節的內容:常量變數。