初學JavaScript

20170405發表於2020-09-09

  瞭解JavaScript

  起源:

  網景(Netscape) ,1994年 推出了一款商用瀏覽器,網景瀏覽器(Netscape Navigator)

  1995年,網景公司決定在瀏覽器中加入一門語言,可以用作互動效果,提高使用者體驗

  1992年 Nombas C-- SciptEase 可以嵌入到網頁中,第一個在網頁終端執行的語言

  1996年 Brendan Eich花費了 10天左右的時間 創造了這個新語言LiveScript 也就是後來的—— JavaScript

  JavaScript屬性解釋型語言(弱型別語言):

  解釋型語言沒有編譯結果

  優點:跨平臺、部署簡單

  缺點:執行速度稍慢

  弱型別:存放的資料型別可變,優點:靈活、易上手;缺點:不嚴謹

  JavaScript屬於單執行緒

  同步現象:上一件事情沒做完,下一件事情必須等待配合非同步:提高單執行緒的執行效率。

  JavaScript的完整語言組成:

  核心語法(ECMAscript)

  文件物件模型 (DOM Docuemtn Object Model) :讓js有能力去操作html元素

  瀏覽器物件模型(BOM Browser Object MOdel):讓js有能力與瀏覽器對話

  JavaScript的引用方式

  1.行內引入:

  <開始標籤 on+事件型別=“js程式碼”>

  行內引入方式必須結合事件來使用,但是內部js和外部js可以不結合事件

  點選我

  2、內部引入:

  在head或body中,定義script標籤,然後在script標籤裡面寫js程式碼

  Js程式碼

  3、外部引入:

  定義外部js檔案(.js結尾的檔案)

  注:

  script標籤一般定義在head或body中

  Script標籤要單獨使用,要麼引入外部js,要麼定義內部js,不要混搭使用

  外部的JS檔案,它具有維護性高、可快取(載入一次,無需載入)、方便未來擴充套件、複用性高等特點

  新建外部的js檔案demo.js檔案

  alert(“外部引入”)

  在head或者body中,新增以下程式碼

  在我們書寫程式碼的時候要注意程式碼分離:

  內容,樣式,功能,三者分離。更好的維護和方便自己閱讀

  JavaScript基本語法

  語法部分必須都是英文符號

  js程式碼有多條語句構成,每個語句用英文分號結束

  js程式碼從上到下同步執行

  js語言大小寫敏感

  JavaScript語句由:表示式、關鍵字、運算子組成 大小寫敏感

  變數

  變數是什麼?

  存放資料

  後期會使用的資料

  變數儲存在什麼地方?

  在記憶體中的一段儲存空間。目的是為了臨時儲存資料

  例:

  x=5

  y=6

  z=x+y

  在代數中,我們使用字母(比如 x)來儲存值(比如 5)。

  透過上面的表示式 z=x+y,我們能夠計算出 z 的值為 11。

  變數儲存的內容中是可以分類的

  **注意:**在宣告變數時可以省略var,但是如果省略了var,那麼就成了“全域性變數”,不推薦!

  變數的宣告:

  1.申請一段空間儲存資料

  2.給這個空間取個別名

  在 JavaScript 中,這些字母被稱為變數。同時也可以使用變數來做簡單的運算,使用的是=和+這類的運算子。

  在JavaScript中=屬於賦值符

  所有變數的宣告,會自動提升到程式碼(當前作用域)的最頂部

  變數命名規  

  JavaScript 變數可用於存放值(比如 x=5)和表示式(比如 z=x+y)。

  變數可以使用短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)。

  1.變數必須以字母開頭

  2.變數也能以 $ 和 _ 符號開頭(不過我們不推薦這麼做)

  3.變數名稱對大小寫敏感(y 和 Y 是不同的變數)

  JavaScript語句和JavaScript變數都對大小寫敏感

  一條語句多個變數

  我們可以在一條語句中宣告很多變數。該語句以var開頭,並使用盜號隔開即可:

  var sun = "Sun",box = "Box",arr="Arr";

  一條語句宣告多個不可以賦同一個值

  var x,y,z = 1;

  此時得出來的結果x,y為undefined,z為1


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69979119/viewspace-2718352/,如需轉載,請註明出處,否則將追究法律責任。