##JavaScript教程
#js簡介
javaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。[1]
為了取得技術優勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。為了統一規格，因為JavaScript兼容于ECMA標準，因此也稱為ECMAScript。

#快速學習
一、使用語法規范

① 在html代碼里邊引入js語言 <script type=”text/javascript”>具體js代碼</script><script type=”text/javascript” src=”js文件”></script> ② 代碼大小寫敏感true/false 布爾值 TRUE/FALSE 非布爾值③ 結束符號每個簡單語句使用”;”分號結束，與php類似

在javascript里邊，該分號不是必須的，但是推薦使用
④ 注釋
// 單行注釋
/多行注釋/
⑤ 變量
其值可以發生改變的量就是變量。
變量是內存中運行的最小單位
var name = “tom”; var age = 23; var address_123 = ‘北京’;

變量名字命名規則：
js里邊：字母、數字、下劃線、$符號、漢字 等5個組成部分，數字不能作為名字的開始內容。

var shoudu = “xxxx”;var abc_$_123 = “hello”;var 首都 = “北京”;var 99_num = 101; //錯誤變量名字

⑥ 數據類型

javascript(6種): number(int/float) string boolean null undefined object(數組是對象的一部分)null類型：空對象 類型。

問：什么時候使用null？
答：使用null聲明變量可以提高代碼可讀性，
可以預先聲明一個null類型的變量，后期使用一個具體對象進行賦值。

var name = “”; var age = 0; var per = null; //先聲明，后期再使用具體對象進行賦值

undefined未定義類型：使用一個沒有聲明的變量。

⑦ typeof 判斷變量的數據類型
判斷變量的數據類型

console.log(typeof 10);//number

二、Number數值數據類型

1、分為十進制、八進制、和十六進制
例如：

console.log(10);//十進制 console.log(065);//八進制 console.log(0xbcd);//十六進制

2、浮點數：即點小數點的數

console.log(10.0); console.log(0.23); console.log(14.3);

3、最大數和最小數

Number.MAX_VALUE Number.MIN_VALUE

4、無窮大數
兩個最大數的算術和超出了javascript的表示范圍，就顯示無窮大infinity
或者一個數去除以0，獲得的結果也是infinity

console.log(Number.MAX_VALUE*2);

三、運算符

1、算數運算符

+ - * / %取余數(模) ++ -- i++ : 先賦值、再++計算 ++i : 先++計算，再賦值

注意：
i++和++i在沒有賦值的時候進行運算的時候結果是一樣的，但是
在賦值的情況下：i++是先賦值再運算，而++i是先自增加一再進行運算。

2、比較運算符

> < >= <= != == ===全等于 !==不全等于全等于===：比較值的類型和數據大小 等于==: 比較值的數據大小 console.log(10==’10’); //true console.log(10===’10’); //false console.log(10===10); //true比較運算符的返回信息是boolean結果信息

3、邏輯運算符

邏輯或||：其中之一為真，結果為真 邏輯與&：都為真，結果為真 邏輯或！：結果和運算結果相反

四、流程控制

***順序結構*** 分支選擇結構:if else if else switch 循環結構:while(){} do{}while() for()

switch用法：

switch(變量){ case 常量: 分支;break; case 常量: 分支;break; case 常量: 分支;break; default: 分支;break; }

兩個關鍵字：break和continue

break：在循環、switch里邊有使用結束當前的本層循環，跳出switch的分支結構 continue：在循環里邊使用跳出本次循環，進入下次循環

注意：可以通過設置標志位來改變

for1 flag: for2 pig: for3 for4 break flag/pig; //把flag/cat標志的循環給結束 continue flag/pig; //結束flag/cat標志的當前循環，進入下次循環

六、函數function

函數聲明

1、第一種方式（常規方式）：

function 函數名(){}該方式的函數有“預加載”過程，允許我們先調用函數、再聲明函數**預加載**：先把函數的聲明放入內存。代碼看起來是先調用、后聲明，本質是先聲明、后調用的。函數名(); function 函數名(){}函數先調用、后聲明的條件是：全部代碼在同一個”<script>”標記里邊。

2、聲明函數賦值（匿名函數）：

var 函數名 = function(){} 在javascript里邊，函數就是一個變量,數據類型是對象。 該方式沒有“預加載”，必須“先聲明、后調用”。

函數參數
1、實參和形參：

function(param1,param2){}//在聲明的時候，稱為形參 function(param1,param2);//在調用的時候，稱為實參

注意：在javascript里邊：實參與形參個數沒有嚴格的對應要求

2、關鍵字arguments：

function 函數名(){} //函數聲明沒有形參 函數名(實參，實參); //調用的時候有傳遞實參

例如：

//聲明函數 function fun(){var length = arguments.length;//獲取參數if(length == 1){console.log(arguments[0]);}else if(length == 2){console.log(arguments[0] + "---" + arguments[1]);} } //函數調用 fun("hello");//hello fun("hello","world");//hello---world

3、callee關鍵字

意思：在函數內部使用，代表當前函數的引用(名字)。 作用：降低代碼的耦合度。耦合度：一處代碼的修改會導致其他代碼也要發生改變(耦合度高)在項目里邊要開發低耦合度的代碼(一處代碼修改盡量少地引起其他代碼的變化)。

例如：

function fun(){arguments.callee(); //調用本函數（或者fun()） } fun();

4、函數返回return

function 函數名稱(){函數執行體代碼...return 信息; } console.log(函數名稱()); //可以輸出函數的return信息 var fun1 = 函數名稱(); //可以使得return信息對變量進行賦值 一個函數執行完畢可以通過return關鍵字返回一定的信息，該信息可以直接輸出、也可以進行變量賦值。return本身還有結束函數的執行效果。 在一定意義上看，全部的數據類型(數值、字符串、布爾、對象、null)信息都可以返回(undefined類型無需返回，本身無意義)在javascript里邊函數return除了可以返回基本類型的信息，其還可以返回function函數。在javascript里邊，一切都是對象 在一個函數內部，可以聲明數值、字符串、布爾、對象等局部變量信息，言外之意就還可以聲明函數(函數內部還要嵌套函數)變量信息，因為函數是對象，并且函數可以被return給返回出來。

值傳遞和引用傳遞：
值傳遞：

var a = 1; var b = a;//數值與數值之間的傳遞

引用傳遞：

var fun = function(){console.log(11111); } var fun1 = fun();//對象之間的傳遞

七、函數調用

1、第一種方式：

函數名();

2、第二種方式：

(function(){})();

八、全局變量/局部變量
1、全局變量

① 在函數外部聲明的變量② 函數內部不使用“var”聲明的變量(函數調用之后起作用)

例如：

var a = 10; function test(){b = 10; }

2、局部變量：

javascript里邊：在函數內部聲明的變量，變量前邊有”var”關鍵字。

九、數組
1、什么是數組（what）：

有許多變量，它們的名稱和數據類型都是一致的，把這些變量的集合稱為“數組”。 (實際應用中數組內部各個元素的數據類型可以是不同的)

2、數組的聲明：

三種方式： ① var arr = [元素，元素，元素。。。]; ② var arr = new Array(元素，元素，元素。。。); ③ var arr = new Array(); arr[0] = 元素; arr[1] = 元素;

3、獲取數組的長度：

數組.length;

4、遍歷數組：

① for循環 遍歷 //適合遍歷下標是0/1/2/3..等規則、連續的數組 ② for-in遍歷 //數組、對象都可以遍歷，并且數組的下標沒有具體要求

5、常用方法：

push() //在數組尾部增加一個元素 pop() //在數組尾部刪除一個元素 indexOf() //從數組的第一個元素開始，判斷一個元素第一次出現的位置 lastIndexOf()//從數組的最后一個元素開始，判斷一個元素第一次出現的位置

十、字符串

定義：通過(單/雙)引號把鍵盤上用于顯示的一些信息給括起來，就是一個字符串 var name = ‘JavaScript’; var addr = “hello JavaScript”;

十一、eval

eval(參數字符串) 該eval可以把內部參數字符串當成表達式，在上下文環境中運行。 該eval()經常用于把其他用戶傳遞過來的字符串信息轉變為javascript的實體(對象、數組等)信息。 eval(參數字符串)：參數要求必須符合js語法規則。

總結

以上是生活随笔為你收集整理的JavaScript教程之快速入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。