首頁 > 開發者 > JavaScript
標籤：
JavaScript
JavaScript 是一種輕量級的程式設計語言,是可插入 HTML 頁面的編程代碼,這門語言可用於 HTML 和 web，更可廣泛用於伺服器、PC、膝上型電腦、平板電腦和智能手機等裝置。
1、HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。
JavaScript代碼存在形式
<!-- 方式一 --><script type="text/javascript" src="JS檔案"></script> <!-- 方式二 --><script type="text/javascript"> Js代碼</script>
2、指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。（推薦放在body代碼塊底部）
由於Html代碼是從上到下執行，如果Head中的js代碼耗時嚴重，就會導致使用者長時間無法看到頁面，如果放置在body代碼塊底部，那麼即使js代碼耗時嚴重，也不會影響使用者看到頁面效果，只是js實現特效慢而已。
3、變數
JavaScript中變數的聲明是一個非常容易出錯的點，局部變數必須一個 var 開頭，如果未使用var，則預設表示聲明的是全域變數
var name = "zhangsan" # 局部變數nam = "lisi" # 全域變數
4、注釋
單行注釋以 // 開頭，多行注釋以 /* 開始，以 */ 結尾
5、基礎資料型別 (Elementary Data Type)
數字（Number）
#定義var page = 66;var age = Number(66);var a1 = 1,a2 = 2, a3 = 3;#轉換parseInt("1.2");parseFloat("1.2");
字串（String）
#定義var name = "zhangsan";var name = String("lisi");#轉換var age_str = String(18);
#常用方法： name.trim() #去空格 name.charAt(index) #根據索引擷取字元 name.substring(start,end) #切片 name.indexOf(char) #擷取字元對應的索引位置 name.length #長度 name.match("") #尋找字串中特定的字元,找到的話,則返回這個字元
布爾(Boolean)
#布爾（邏輯）只能有兩個值：true 或 false。var x=truevar y=false
數組(Array)
#建立var names=new Array();cars[0]="aa";cars[1]="bb";cars[2]="cc";#或var names = [‘aa‘, ‘bb‘, ‘cc‘]#或var names =new Array(‘aa‘, ‘bb‘, ‘cc‘)
#常用方法：#添加 names.push("dd") #最後插入 names.unshift("dd") #最前插入 names.splice(index,0,‘dd‘) #指定索引插入#移除 names.pop() #數組尾部移除並擷取 names.shift() #數組頭部移除並擷取 names.splice(index,count) #數組指定索引往後count個字元#切片 names.slice(start,end) #合并 newArray ＝ obj1.concat(obj2) #翻轉 names.reverse() #字串化 names.join(‘_‘)#長度 obj.length
對象（同字典）
#建立var dic= {"name":"zhangsan" , ‘age‘: 18}
#擷取dic.name;dic["age"];
undefined 和null
undefined 這個值表示變數不含有值。 可以通過將變數的值設定為 null 來清空變數。
6、序列化和還原序列化
var dic={name: "zhangsan", age: 18}#序列化s=JSON.stringify(dic) #還原序列化s1=JSON.parse(s)
7、迴圈
for迴圈
var names= ["aa", "bb", "cc"]; #數組：方式一for(var obj in names){ console.log(obj ); #obj只會取到索引 console.log(names[obj ]); #根據索引取值} #數組：方式二for(var i=0;i<names.length;i++){ console.log(i); console.log(names[i]); #根據索引取值}
#字典var dic={name: "zhangsan", age: 18}for(var index in dic){ console.log(index); #key console.log(names[index]); #value}
while迴圈
while (條件) { 需要執行的代碼 }#do/while 迴圈# 該迴圈會在檢查條件是否為真之前執行一次代碼塊，然後如果條件為真的話，就會重複這個迴圈。do { 需要執行的代碼 }while (條件);
8、條件陳述式
#if條件陳述式 if(條件){ #代碼 }else if(條件){ #代碼 }else{ #代碼 }
#switch,case語句 switch(name){ case ‘zhangsan‘: age = 18; break; case ‘lisi‘: age = 19; break; default : age = 20; }
9、異常處理
try{ #在這裡運行代碼 }catch(err){ #在這裡處理錯誤 }finally{ #最後執行 }
10、函數
#函數的聲明 function func(arg){ return arg; } name=func("zhangsan")#執行 console.log(name)#匿名函數 var func = function(arg){ return arg; } func() #自執行函數 (function(arg){ console.log(arg); })(‘123‘)
11、物件導向
function Foo (name,age) { this.Name = name; this.Age = age; this.Func = function(arg){ return this.Name + arg; }} var obj = new Foo(‘zhangsan‘, 18); #建立對象var ret = obj.Func("aaa");console.log(ret);console.log(obj.Name );console.log(obj.Age );
JavaScript簡介
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
