JavaScript之開篇

270年前發表於2020-10-26

Web網站: 三大技術

(1)HTML(骨骼): 設計網站基本結構; 超文字標記語言

(2)CSS(肉體): 對於結構一種美化/裝飾; 層疊樣式表

(3)JavaScript(JS)(靈魂): 提供了使用者和介面之間的一種互動行為; 

JavaScript介紹:

JS是執行在客戶端(瀏覽器)的指令碼語言,是基於事件驅動的弱型別的指令碼語言; 瀏覽器的核心: 渲染引擎和JS引擎

指令碼語言:

是一種解釋型的語言,解釋性語言是指它常用的執行機制是使用一個“直譯器”來執行,直譯器對於程式是一句一句“翻譯”成機器語言來一句一句執行,例如shell指令碼語言。(將程式碼翻譯一句, 就會執行一句)


編譯型的語言:

編譯型語言是指它常用的執行機制是使用一個“編譯器”來編譯成機器語言,然後你就可以直接執行(執行)這個編譯成的“可執行檔案”。例如C語言你也可以為解釋性語言(如shell指令碼語言)寫個編譯器來編譯,這樣它就成了“編譯語言”
(將程式碼 編譯完成之後 統一的來執行)

弱型別:

是指根據變數的值 來確定  變數的資料型別,主要是通過   var 定義變數:  var a=10

強型別的語言:

Java,  C#   ,  php   ,  python......

事件驅動:

指  JS提供了有關的事件(被動的行為)

JavaScript基本的構成:

(1)ECMAScript(5.0) ==>ES5: JS基礎語法 變數,資料型別,運算子和表示式, 流程控制, 函式, 陣列, 物件....

(2)BOM操作(瀏覽器物件模型): 操作瀏覽器的一些行為;

(3)DOM操作(重點)(文件物件模型): 操作HTML文件;

JavaScript引入頁面的三種方式

(1)行間嵌入;

(2)內嵌嵌入;

(3)外部引入;

JavaScript的變數:

變數: 就是指在一段程式中 不斷變化的量;

變數: 是指記憶體中儲存資料的一種方式;

(1)定義變數: 使用var 關鍵字定義 變數 var 變數名稱;

(2)變數的初始化: 相當於 給變數賦值 var 變數名稱=值;

(3)變數值的訪問/獲取: 是通過 變數名稱 訪問的 var 變數名稱=值; alert(變數名稱);

 

JavaScript變數的名稱規範:

(1)變數推薦使用 駝峰命名語法: getElementById getName userName;

(2)變數必須是以 $, _ , 字母開頭, 變數中可以包含數字,但是 不能以數字開頭;

(3)可以使用中文, 但是 很low, 可讀性差;

(4)不能使用JS的關鍵字和保留字;

(5)變數名稱 推薦: 要有意義

(6)區分大小寫: userName和 username 表示不同的變數

JavaScript變數的資料型別: 分為兩大類:

(1)基本的資料型別;

number(數字),string(字串),boolean(布林型別),undefined(未定義型別),null(空型別)

(2)複雜的資料型別:

object(物件型別): Array(陣列),Date(日期),Math(數學).... function型別 函式型別

 

 

 

 

相關文章