Javascript.01 -- Javascript基礎

標籤：.dll   數字   rom   包含   單行注釋   console   名稱   confirm   false   

 

 

 

 

 

 

 

 

 

 

Javascript基礎

１  聊聊Javascript１.1  Javascript的曆史來源

  94年網景公司   研發出世界上第一款瀏覽器。

  95年 sun公司   java語言誕生

  網景公司和sun合作。

  Java+script   ===> javascript

 

１.2  W3c規範

       ?結構標準        html

    ?表現標準   css

       ?行為標準      js

   

１.3  JavaScript和ECMAScript的關係

    ECMAScript是一種由Ecma國際前身為歐洲電腦製造商協會,英文名稱是European Computer Manufacturers Association，制定的標準。

JavaScript是由公司開發而成的，公司開發而成的一定是有一些問題，不便於其他的公司拓展和使用。所以歐洲的這個ECMA的組織，牽頭制定JavaScript的標準，取名為ECMAScript。

簡單來說ECMAScript不是一門語言，而是一個標準。符合這個標準的比較常見的有：JavaScript、Action Script（Flash中用的語言）。就是說，你JavaScript學完了，Flash中的程式也會寫了。

ECMAScript在2015年6月，發布了ECMAScript 6版本，語言的能力更強。但是，瀏覽器的廠商不能那麼快的去追上這個標準。這些新的特性，我們就業班的深入，也會給大家介紹。

１.4  今天的JavaScript：承擔更多責任

   2003年之前，JavaScript被認為“牛皮鮮”，用來製作頁面上的廣告，彈窗、漂浮的廣告。什麼東西讓人煩，什麼東西就是JavaScript開發的。所以瀏覽器就推出了屏蔽廣告功能。

2004年JavaScript命運開始改變了，那一年Google公司，開始帶頭使用Ajax技術了，Ajax技術就是JavaScript的一個應用。並且，那時候人們逐漸開始提升使用者體驗了。

 

 

 

   

 

      

 

2010年的時候，人們更加瞭解HTML5技術了，HTML5推出了一個東西叫做Canvas（畫布），工程師可以在Canvas上進行遊戲製作，利用的就是JavaScript。

       

2011年，Node.js誕生，使JavaScript能夠程式開發伺服器程式了。

 

今天，JavaScript工程師是絕對的吃香，能夠和iOS、Android工程師比肩，毫不遜色的。

現在，公司都流行WebApp，就是用網頁技術開發手機應用。什麼意思呢？手機系統有iOS、安卓、windows phone。那麼公司比如說開發一個“攜程網”APP，就需要招聘三隊人馬，比如iOS工程師10人，安卓工程師10人，windows工程師10人。共30人，工資開銷大。並且，如果要改版，要改3個版本。所以，現在公司，都用web技術，用html+css+javascript技術來開發app。好處是不用招聘那麼多工程師，只需要幾個前端開發工程師即可。並且也易於迭代，就是網頁一改變，所有的終端都變了。

 

２  Js介紹

◆js是一款運行在用戶端的網頁程式設計語言。

◆組成部分

      ★ecmascript   js標準

      ★dom        通過js操作網頁元素

      ★bom        通過api操作瀏覽器

◆特點

     ★簡單易用

     ★解釋執行

編譯執行  java  c#  轉化為.dll可執行檔==>電腦讀取.dll可執行檔

 

     ★基於對象

       面向過程

作用

◆表單驗證

◆輪播特效

◆開發遊戲

３  Js書寫位置

◆內嵌式

 

◆外鏈式

 

★先建立一個外部JS檔案

★通過src將外部js調用。

◆寫js代碼的時候，分號不能省略。

◆推薦將JS代碼寫在html結束標籤後邊

  將多個JS檔案合成為一個JS檔案

 

４  輸出訊息的幾種方式４.1  alert()  在頁面彈出一個對話方塊，早期JS調試使用。

 

４.2  Confirm()  在頁面彈出一個對話方塊, 常配合if判斷使用。

 

４.3  console.log()  將資訊輸入到控制台，用於js調試。

 

 

４.4  prompt() 彈出對話方塊，用於接收使用者輸入的資訊。

 

４.5   document.write() 在頁面輸出訊息

 

document.write不僅能輸出資訊，還能輸出標籤。

◆逸出字元

\”   轉雙引

\’轉單引

\n轉換行

\r 轉斷行符號

４.6  Js注釋

快速鍵  ctrl+/

單行注釋   //

多行注釋  /*  */

５  變數

會變化的量。

變數是用來儲存資料的容器。

◆定義變數

 

◆給變數賦值

 

“=”是賦值運算子

◆定義並賦值

 

５.1  變數的命名規範

◆不能以數字或者純數字開頭來定義變數名。

◆不推薦使用中文來定義變數名。

◆不能使用特殊符號或者特殊符號開頭(-除外);

◆不推薦使用關鍵字和保留字來定義變數名。

 

 

★在JS中嚴格區分大小寫！！！

６  資料類型６.1  單一資料型別

◆Number   數字類型

   包含正數  負數  小數

 

數字類型的表達方式

★十進位標記法

 

★十六進位標記法

從0-9，a(A)-f(F)表示數字。以0x開頭。

 

 

★八進位標記法

0開頭，0-7組成。

 

 

◆字串  String

凡是用雙引號或者單引號引起的都是字串。

 

 

◆布林值資料型別    Boolean

只有2個值一個是true, 一個是false.   實際運算中true=1,false=0

 

 

◆undefined    變數未初始化

定義了變數，沒有給變數賦值

 

◆null  變數未引用  值為空白   object

 

６.2  複雜資料類型

★ object  對象

★ array  數組

７  判斷資料類型

typeof()

 

 

８  比較子

<  >   <=  >=   ==  !=

９  算術運算子

◆+ 加號

    ★兩個數字類型的變數相加，得到的是一個數字類型。

    ★一個數字類型和一個字串相加，得到的是一個字串。

◆— 減號

 ★兩個數字類型的變數相減，得到的是一個數字類型。

    ★一個數字類型和一個數字字串相減，得到的是一個數字類型。

    ★一個數字類型和一個非數字字串相減，得到的是NaN,是一個數字類型。

NaN,    not a number

◆/ 除號

 ★兩個數字類型的變數相除，得到的是一個數字類型。

 ★一個數字類型和一個數字字串相除，得到的是一個數字類型。

 ★一個數字類型和一個非數字字串相除，得到的是NaN,是一個數字類型。    

★0做為除數的時候，得到結果 Infinity （無限大），是一個數字類型。

◆%  取餘數

 

◆優先順序  有()先計算()裡邊的

１０  帶操作的賦值運算

 

Javascript.01 -- Javascript基礎