常量
變量
JavaScript 擁有動(dòng)態(tài)類型襟齿。這意味著相同的變量可用作不同的類型:
聲明
var x=2;
var name="Bill Gates";
var answer='Yes I am!';
作用域
局部變量
局部 JavaScript 變量
在 JavaScript 函數(shù)內(nèi)部聲明的變量(使用 var)是局部變量,所以只能在函數(shù)內(nèi)部訪問它。(該變量的作用域是局部的)。
您可以在不同的函數(shù)中使用名稱相同的局部變量,因?yàn)橹挥新暶鬟^該變量的函數(shù)才能識別出該變量拿愧。
只要函數(shù)運(yùn)行完畢,本地變量就會(huì)被刪除碌尔。
全局變量
在函數(shù)外聲明的變量是全局變量浇辜,網(wǎng)頁上的所有腳本和函數(shù)都能訪問它。其他js文件里的代碼能否訪問到七扰?
如果您把值賦給尚未聲明的變量奢赂,該變量將被自動(dòng)作為全局變量聲明。
這條語句:
carname="Volvo";
將聲明一個(gè)全局變量 carname颈走,即使它在函數(shù)內(nèi)執(zhí)行膳灶。
生存期
局部變量會(huì)在函數(shù)運(yùn)行以后被刪除。
全局變量會(huì)在頁面關(guān)閉后被刪除。
一個(gè)好的編程習(xí)慣是轧钓,在代碼開始處序厉,統(tǒng)一對需要的變量進(jìn)行聲明。
同一個(gè)js中相同名稱的變量會(huì)被后一個(gè)值覆蓋毕箍。但是這種情況不會(huì):
var x="2";
var x;
兩個(gè)js中相同的變量會(huì)怎么樣
數(shù)據(jù)類型
字符串弛房、數(shù)字、布爾而柑、數(shù)組文捶、對象、Null媒咳、Undefined
字符串
可以使用單引號或雙引號粹排,可內(nèi)含引號
var answer="Nice to meet you!";
var answer="He is called 'Bill'";
數(shù)字
布爾
布爾(邏輯)只能有兩個(gè)值:true 或 false。
數(shù)組
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
var cars=new Array("Audi","BMW","Volvo");
var cars=["Audi","BMW","Volvo"];
對象
var person={firstname:"Bill", lastname:"Gates", id:5566};
name=person.lastname;
name=person["lastname"];
Undefined 和 Null
聲明變量類型
當(dāng)您聲明新變量時(shí)涩澡,可以使用關(guān)鍵詞 "new" 來聲明其類型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 變量均為對象顽耳。當(dāng)您聲明一個(gè)變量時(shí),就創(chuàng)建了一個(gè)新的對象妙同。
函數(shù)
聲明
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改變內(nèi)容
}
</script>
使用
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
帶參數(shù)
<button onclick="myFunction('Bill Gates','CEO')">點(diǎn)擊這里</button>
<script>function myFunction(name,job)
{
alert("Welcome " +name
- ", the " +job
);}
</script>
返回值
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
類
事件
onclick <button type="button" onclick="alert('Welcome!')">點(diǎn)擊這里</button>
圖片
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
其他
外部的 JavaScript
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
外部腳本不能包含script標(biāo)簽