1、JavaScript l類型&變量
無論聲明何種類型,全部都用關鍵字 var
基本類型:
字符串類型(String) : var str = " abc " ;
數字類型(number) :var n = 123.25 / 123 / 123e5 ;
布爾類型 boolean :var flag = true / false
對空(Null): var a = null ;
未定義(Undefined) :var aa ;
引用數據類型:
數組類型(array):[40, 100, 1, 5, 25, 10]
對象類型(object):{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函數類型(function):function myFunction(a, b) { return a * b;}
可以用 new
對象來聲明變量,如 :var n = new Num() ; 、var date = new Date () ;
2、JavaScript 語句
在 JavaScript 中,我們可使用以下條件語句:
if
語句 - 只有當指定條件爲true
時,使用該語句來執行代碼if...else
語句 - 當條件爲true
時執行代碼,當條件爲false
時執行其他代碼if...else if....else
語句 - 使用該語句來選擇多個代碼塊之一來執行switch
語句 - 使用該語句來選擇多個代碼塊之一來執行
3、JavaScript 函數語法
關鍵字 function
:
-
function
方法名(參數值) { 方法體 } -
匿名函數
fuction
(參數值) { 方法體 }(通常只用一次,不希望再被調用,有些大型項目,給方法起名字確實是個頭疼活) -
動態函數(用的很少)
var add = new Function
(“參數列表”,“方法體和返回值”);//定義一個按鈕 <button onclick="myFunction()" > 點擊這裏 </buttion> //定義事件函數 function myFunction(){ alert("Hello World");//彈出對話框 }
調用帶參數的函數
可以發送任意多的參數,由逗號 (,) 分隔:
myFunction(argument1,argument2)
聲明函數時,請把參數作爲變量來聲明:
function myFunction(var1,var2)
{
這裏是要執行的代碼
}
變量和參數必須以一致的順序出現。第一個變量就是第一個被傳遞的參數的給定的值,以此類推。
帶有返回值的函數
使用 return 語句時,函數會停止執行,並返回指定的值
function myFunction()
{
var x=5;
return x;
}
函數調用將被返回值取代:
var myVar=myFunction();
4、全局變量和局部變量
1、最外層的函數和和最外層函數外面的變量都是全局變量。因爲函數是可以嵌套的,所以找全局變量時,要找最外層函數;而且函數本身也是一個變量,特殊變量,其名字就是變量名。
2、沒有用 var聲明的變量,爲全局變量,即使位置在函數體內部。
3、所有Window對象的屬性也是全局變量。
局部變量比同名全局變量的優先級高,所以局部變量會隱藏同名的全局變量。
var v = "hello"; //函數體外的變量,全局變量
var a = 100
b = 10; //b也是全局變量
function test (){
v="11"; //沒有用var聲明的變量,全局變量
console.log(v);
var v = "world"; //函數體內部的變量,局部變量
}
test();
全局&局部變量參考網址:
5、JavaScript 事件
按鈕元素中添加了 onclick
屬性 ,修改 id=“demo” 元素的內容。
<button onclick="getElementById('demo').innerHTML=Date()">現在的時間是?</button>
<p id="demo"></p>
代碼將修改自身元素的內容 (使用 this.innerHTML):
<button onclick="this.innerHTML=Date()">現在的時間是?</button>
通過事件屬性來調用:
<button onclick="displayDate()">點這裏</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
常見的HTML事件