iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 15
0
Modern Web

從Asp.Net MVC5的起跑點認識現代網站系列 第 15

Day15_View之JavaScript Basic Concept

在開始學新的Framework之前,先來複習一下,根本的Javascript觀念,再來根據需求決定要用的framework!

目的

JavaScript 的發展目的在於提高與網頁的互動性能, 所以在網頁內容控制方面,JavaScript 算是相當方便的。

特性

  • Case sensitve:大小寫有分
  • Object-Oriented:有物件導向的概念
  • Loosely Typed:如var變數

JavaScript 可分成兩類:

  • Client-Side JavaScript:一般網頁瀏覽所看到的畫面處理
  • Server-Side JavaScript:背景與伺服器座溝通的處理(如:Node.js)

它的基本特點如下:

  • 是一種解釋性程式語言
  • 主要用來向HTML頁面添加互動行為
  • 可以直接嵌入HTML頁面,但我們前幾天有學到Bundle的方式包裝js檔,因此我們應該要分開設計

JavaScript常用來完成以下任務:

  • 嵌入動態文字於HTML頁面
  • 對瀏覽器事件作出回應(如:click、load、change等等)
  • 讀寫HTML元素
  • 在資料被提交到伺服器之前驗證資料
  • 檢測訪客的瀏覽器資訊
  • 控制cookies

型態

JavaScript程式可以改變「值」(value)

  • Number
    js中的數字屬於「double-precision 64-bit format IEEE 754 values」,他沒有所謂的整數,因此我們可以試著用滑鼠右鍵點選檢查,在Console中輸入 0.1 +0.2 會得到 0.30000000000000004
    在進行數學運算時,有時候出錯會出現NaN,意思是Non a number非數字的意思。
  • String
    JavaScript 的字串是一序列的Unicode字元,每個字元皆以一個16位元的數字作為代表。
  • Boolean
  • Function:
    函式可以接受零或多個有名 (named) 參數。
    function(a , b){
    var total = a+b;
    return total;
    }

如果沒有return就會回傳undefined
函式在內文內還可以存取一個叫做arguments的變數,一個類似陣列的物件,內含所有遞給函式的值。

    function add(){
    var sum = 0;
    for(var i=0,var j=arguments.length;i<j;i++){
    sum += arguments[i];
    }
    return sum;
    }
    結果
    add(2,3) =5
    add(2,3,4)=9
  • Object:物件
  • Null
  • Undefined : 用以表示未初始化的值,也就是說,根本還沒指定數值。

學習資源彙整

w3c :http://www.w3schools.com/js/js_intro.asp
mdn :https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/A_re-introduction_to_JavaScript
tutorialpoint :https://www.tutorialspoint.com/javascript/


上一篇
Day14_MVC之ViewModel
下一篇
Day16_jQuery輕量級JS libaray
系列文
從Asp.Net MVC5的起跑點認識現代網站30

尚未有邦友留言

立即登入留言