JavaScript 簡介

2020-08-11 21:27:43
  1. 介紹
    js在瀏覽器中執行,最初的功能:進行表單驗證;後來開發的功能:頁面的區域性更新(dom操作),瀏覽器的操作(bom操作)。js直譯器:IE,網景推出自己的瀏覽器,瀏覽器中具有js直譯器;由於js直譯器不統一,js標準就不一樣,具有相容性問題!

     js是直譯語言,無需編譯,直接執行在直譯器上。
     java/c編譯型:java->.class 再執行到jvm上,c->.out 再執行到linux。
     
     Javascript標準:ECMAScript5/6 	
     語法:變數、關鍵字、保留字、表達式、流程控制語句、物件、函數、陣列...
     		
     DOM: Document Object Model 	文件物件模型,瀏覽器廠商通過es5編寫的控制html/css的程式碼
     		document.getElementById();
     		dom.addEventListener()
     		dom.attachEvent()
    
     BOM: Browser Object Model 瀏覽器物件模型,瀏覽器廠商通過es5編寫的控制瀏覽器的程式碼
     	alert();	
     	setTimeout(function(){
     		//
     	},1000)
     	XMLHttpRequest (ajax)
    
     nodejs:google將瀏覽器中的js直譯器給掏出來。可以安裝在任意的伺服器端,並且nodejs中提供了大量的基礎庫(file、http),這個時候js具備伺服器端能力。
    
     在nodejs中,不存在相容性問題,因爲nodejs中壓根就沒有dom/bom,因此切記不要在nodejs中執行任何dom和bom程式碼,由於不存在相容性問題,nodejs是可以大量發揮js高階標準,ES6語法一般在nodejs中可以完全執行。
    
  2. hello world

    1. 在nodejs中
      1. 通過vi編輯 (es5)
      2. 通過nodejs來執行
    2. 在瀏覽器
      1. 通過vscode編輯(es5、dom、bom)
        1) html
        1. 一般script標籤位於body之前
      2. 通過瀏覽器來執行
  3. 註釋
    html:
    css: /**/
    Js: //單行註釋
    /多行註釋/