iT邦幫忙

2021 iThome 鐵人賽

DAY 4
2
自我挑戰組

Flutter系列 第 4

Flutter基礎介紹與實作-Day4 Dart語法介紹(1)

  • 分享至 

  • xImage
  •  

Dart是屬於物件導向的語言,類似Java、JavaScript,如果大家之前有學過就不用太擔心了。
我們會利用DartPod來作練習,大家只需把提供的程式碼打上去就可以看到一樣的結果


  1. Hello World
    學習一個新的語言,最先教的一定是Hello World,所以我們也從這裡開始吧!以下是執行結果
    https://ithelp.ithome.com.tw/upload/images/20210917/20141032LIJJw2OA7U.jpg

在 Dart 語言中,main() 是程式的進入點,從這裡開始執行程式;而若是要印出字串,則可以使用 print() 函式

  • 要寫成 'Hello World!' 或是 "Hello World!" 都是可以的
  1. 註解(comment)
    許多的程式語言都有這個功能,用法也都大同小異,註解有分成單行註解以及多行註解
    https://ithelp.ithome.com.tw/upload/images/20210917/20141032WDEgE2EuEv.jpg

  2. 資料型態
    https://ithelp.ithome.com.tw/upload/images/20210917/20141032Io30oIVq5X.jpg

以下是上訴4個資料形態呈現的結果
https://ithelp.ithome.com.tw/upload/images/20210917/20141032DLuofbjPjj.jpg

而除了指定變數的資料型態外,也可以跟 JavaScript 一樣使用 var/dynamic來宣告變數,讓變數依照賦值決定資料型態,這樣不會影響輸出結果

  1. 流程控制
    a. For迴圈
    在Dart中For迴圈的寫法和C與研發長的相似,讓我們來看看吧
    https://ithelp.ithome.com.tw/upload/images/20210917/20141032G7ERjpSJJ7.jpg
    b. while 迴圈
    while迴圈和for迴圈想表達的意思其實差不多,只是在寫法上有些不同
    https://ithelp.ithome.com.tw/upload/images/20210917/20141032ljN4xZIZeL.jpg

c. if else條檢判斷式 + continue , break流程控制
這個呢跟其他語言也是很類似的,讓我們先來簡單介紹一下吧

  • if:是第一個判斷條件
  • else if:是第 n (n >= 2)個判斷條件
  • else:是所有條件都不符合時,執行的區塊
    在迴圈區塊中
  • continue: 跳過底下執行的部分,直接開始下次迴圈
  • break:跳出迴圈,不再執行迴圈中的程式碼
    Example:讓 i 從 0 計數到 50,在 30 以前都不印出,30 到 40 印出,然後在 41 時跳出迴圈。
    https://ithelp.ithome.com.tw/upload/images/20210917/20141032zD9etvBpiO.jpg

d. 函式Function
這邊示範加法的例子,只需把圖中的+換成其他的運算符號就會有不同的解果
https://ithelp.ithome.com.tw/upload/images/20210917/20141032lV37BMpmmz.png


今日總結
今天大概介紹了一些Dart的基本型態還有一些基礎的語法,是不是比想像中的簡單啊!明天開始會介紹一些比較不一樣的,大家可以期待一下喔!!!


上一篇
Flutter基礎介紹與實作-Day3 Flutter和React Native的比較
下一篇
Flutter基礎介紹與實作-Day5 Dart語法介紹(2)
系列文
Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言