国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Javascript對象字面量的理解

2019-11-20 09:37:41
字體:
來源:轉載
供稿:網友

對象字面量的輸出方式以及定義好處

1.對象字面量的輸出方式有兩種:傳統的‘。',以及數組方式,只不過用數組方式輸出時,方括號里面要用引號括起來,如

var box = {  name:'abc';  age:28};alert(box['name']);

給對象定義方法,

A:如果用傳統定義對象的方式,就需要先定義方法,然后再把這個方法名賦值給對象的一個屬性,如果要調用這個方法不加括號,就是返回方法代碼;如果要調用這個方法該對象屬性后面加上括號,就得到方法的返回值

function objrun(){  return '123';}var box = new Object();box.name='abc';box.age = 28;box.run = objrun;alert(box.run());       //結果為123// alert(box.run);       //結果為function objrun(){ return '123'; }//如果box.run = objrun();//alert(box.run);       //結果為123,如果帶上圓括號,就報錯啦

B:用字面量定義只需要直接在對象的這個屬性上,寫function就行,這個function上面沒有函數名,他是個匿名函數,那怎么調用這個方法呢,用對象的這個屬性名,要調用方法,同上就行

如:

var box = {  name:'abc',  age:28,  run:function(){    return '123';  }}alert(box.run());

2.對象字面量的定義方式,可以輕松搞定函數大量參數需要一一對應輸出的情況。他的對策就是給函數傳入一個對象,而這個對象是用字面量的方式定義的,屬性和值對應的方式可以一目了然他們的關系,因為函數只是一段代碼,必須調用才能執行

如:

function AA(obj){  alert(obj.name);  alert(obj.age);}var obj = {  name: 'abc',  age: 28}AA(obj);

js對象字面量的demo

/** * @author zhanghua */var literal = {  add: function(){    alert("add");  },  del: function(){    alert("delete");  },  update: function(){    alert("update");  },  name: "zhangsan",  callLiteral: function(){    // 對于當前字面量對象的調用,要加this關鍵字    this.add();  }};

html文件:

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">  <head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    <title>Literal--字面量</title>    <script type="text/javascript" src="jslib/literal.js"></script>  </head>  <body>    <input type="button" value="add" onclick="javascript:literal.add()"/>    <input type="button" value="delete" onclick="javascript:literal.del()"/>    <input type="button" value="update" onclick="literal.update()"/>    <input type="button" value="name" onclick="javascript:alert(literal.name)"/>    <input type="button" value="name" onclick='javascript:alert(literal["name"])'"/>    <input type="button" value="caller" onclick='javascript:literal.callLiteral()'"/>  </body></html>

以上就是本文的全部內容,了解更多JavaScript的語法,大家可以查看:《JavaScript 參考教程》、《JavaScript代碼風格指南》,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 山丹县| 垣曲县| 长寿区| 辽源市| 祁阳县| 阿拉善左旗| 咸丰县| 中卫市| 曲水县| 郁南县| 抚州市| 黔西| 灌云县| 光山县| 张家港市| 凤冈县| 尤溪县| 涪陵区| 财经| 罗田县| 遂溪县| 佛坪县| 定襄县| 苍山县| 龙山县| 叙永县| 屯昌县| 桂林市| 东乌珠穆沁旗| 德庆县| 海城市| 英吉沙县| 东乡族自治县| 馆陶县| 汶川县| 唐山市| 舒兰市| 屯门区| 镇康县| 阳信县| 云浮市|