前端基礎之JavaScript

標籤：while   ...   live   blog   cap   傳回值   基礎   嵌入式   成功   

JavaScript的曆史：

• 1992Nombas開發出C-minus(C--)的嵌入式指令碼語言(最初綁定在CEnvi軟體中)，後改名ScriptEase(用戶端執行的語言)
• Netscape(網景)接收Nombase的理念(Brendan Eich)在其Netscape Navigator 2.0產品中開發出一套livescript的指令碼語言。Sun和Netscape共同完成，後改名叫JavaScript
• 微軟隨後模仿在IE3.0的產品中搭載了一個JavaScript的複製版叫Jscript
• ECMA(歐洲電腦製造協會)為了統一三家，定義了ECMA-262規範，從此，Web瀏覽器就開始努力(雖然有著不同程度的成功和失敗)將ECMAScript作為JavaScript實現的基礎
• ECMA-262是JavaScript標準的官方名稱

　   ECMAScript的詳細發展曆程：

Java的引入方式：

　　

1.Script標籤內些代碼：<Script>      //在這裡寫JS代碼    </Script>2.引入額外的JS檔案<Script src="myscript.js"></Script>

JavaScript語言規範：

　　1.注釋：單行注釋：    //      這是單行注釋

　　　　　　多行注釋：　/* */　　/*這是多行注釋*/

　　2.結束符：JavaScript中的語句要以(;)結束符

JavaScript語言基礎：

　　1.JavaScript的變數名可以使用_,數字，字母，$組成，不能以數字開頭

　　2.聲明變數使用var 變數名;的格式聲明

var name = "kxl";var age = 18;/*注意：變數名是區分大小寫可使用駝峰式命名*/

JavaScript資料類型：

　　JavaScript擁有動態類型：

var x;                       //此時x是undefindvar x=1;                   //此時x是數字var x = "kxl";            //此時x是字串           

　　數字類型：JavaScript不區分整型和浮點型，就只有一種數字類型

var a = 5.20;var b = 520;var c = 520e5;  // 52000000var d = e-5;  // 0.0052

常用方法：(parseInt將變數轉換為整型，parseFolat將變數轉換為浮點型)
　parseInt("520")      //返回520
  parseInt("AB")       //返回NaN,NaN屬性是代表非數值的特殊值。
  parseFloat("52.013")  //返回52.013

　　字串：

var a = "Hello"var b = "world;var c = a + b; console.log(c);  // 得到Helloworld

　　字串的常用方法：

 

　　拼接字串一般使用“+”

　　布爾實值型別：

               區別於Python,true和false都是小寫

var a = true;var b = false;

　　數組：

與Python中的列表相似var a = [123, "ABC"];console.log(a[1]);  // 輸出"ABC"

　　數組的常用方法:

　　遍曆數組中的元素：

var a = [10, 20, 30, 40];for (var i=0;i<a.length;i++) {  console.log(i);}

null和undefined:

• undefined表示聲明的變數未初始化預設值為undefined,函數無明確傳回值是返回undefined
• null表示值不存在

　　undefined表示聲明了變數，但是還沒有賦值。null聲明了變數是空值

類型查詢：

typeof "abc"  // "string"typeof null  // "object"typeof true  // "boolean"typeof 123 // "number"typeof是一個一元運算子（就像++，--，！，- 等一元運算子），不是一個函數，也不是一個語句。

運算子：

算數運算子：                           + - * / % ++ --比較子：                            > >= < <= != == === !==注意：1 == “1”  // true1 === "1"  // false邏輯運算子：                            && || !賦值運算子：                            = += -= *= /=

流程式控制制：

　　if-else:

var a=10;if (a>5){    console.log("yes");    }else{   console.log("no");}

if-else if-else:

var a = 10;if (a > 5){  console.log("a > 5");}else if (a < 5) {  console.log("a < 5");}else {  console.log("a = 5");}

switch:

var day = new Date().getDay();switch (day) {  case 0:  console.log("Sunday");  break;  case 1:  console.log("Monday");  break;default:  console.log("...")}

for:

for (var i=0;i<10;i++) {  console.log(i);}

while:

var i = 0;while (i < 10) {  console.log(i);  i++;}

 

前端基礎之JavaScript