<!DOCTYPE html>
<html lang="zh">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="utf-8" />
<script type="text/javascript">
window.onload= function(){
var number = 1; // 全局變量 數值
var string = 'javascript';// 全局變量 字符串
var jsonString = "{\"t\":\"eval get json\"}";
var jsonString2 = "[{\"t\":\"eval get json\"}]";
var array = new Array(1,2,3,4); //數組
var jsonArray = [1,2,3,4];//json(僞對象)語法數組
var date = new Date();
var json = { // json 對象
name:'javascript',
jsClass:'jquery',
Arr:[1,2,3,4,5],
jsonArr:[{name:'j'},{name:'j',value:'s'},{value:'q'}],
/*name:function(){
alert(this.jsClass);
//this.name(); //遞歸函數 [this內部使用 單指這個對象]
}
name:11 // 若出現定義重複屬性,已最後賦值爲準
*/
size:function(){
alert(number);
},
fn:null
};
alert(json.jsonArr[2].value);//json語法的優點
json.size();//同上
//json.name();
/******************定義函數************************/
function fn1(){ // 正常定義一個方法
alert("type:"+typeof json.Arr+" "+json.Arr);
}
fn = function(){ // 定義方法的另一種形式
alert(number+','+json.name); // 若定義重複函數,則會被最後定義覆蓋
}
fn1();
fn();
/********************定時執行，匿名函數**********************/
setTimeout(function(){
document.getElementById('div').innerHTML = json.Arr;
},5000);
/********************解析JSON**********************/
fn2 = function(json){
var json= eval('('+json+')');// javascript eval 解析json時，必須被()包括,解析 json數組時可以不被()包括
var jsonArr = eval(json2);
alert(json.t);
alert(json[0].t);
}
fn2(jsonString);
/********************傳遞函數**********************/
fn3 = function(){
var i = '局部變量'; //局部變量
alert(date);
}
fn4 = function(){
alert('直接調用傳遞函數！');
}
var json2 = {
createfn:function(_call_fn){
json.fn = _call_fn; //將傳遞函數 賦值
},
createfn2:function(_call_fn){
_call_fn();//注意 ()
},
createfn3:function(){
alert('############內部傳遞函數##############');
},
createfn4:function(){
this.createfn2(this.createfn3());// this.createfn3(),this.createfn3
}
}
json2.createfn(fn3);
json.fn();
json2.createfn2(fn4);
json2.createfn4();
}
</script>
</head>
<body>
<div id="div"></div>
</body>
</html>
最近做項目時，才知道的 javascript 小知識(菜鳥看看,大師們就當路過吧)
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章