javascript对象字面量
自己的理解对象字面量就是一种创建对象的一种模式(这几年开发的首选模式)。
对象字面量提供了一种非常方便地创建新对象值的表示方法。
一个对象字面量就是包含在一对花括号中的0个或多个“名/值”对。
对象字面量的输出方式以及定义好处
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
<input type="button" value="add" onclick="javascript:literal.add()"/> <input type="button" value="delete" onclick="javascript:literal.del()"/> <input type="button" value="update" onclick="javascript: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()'/>
var literal = { add: function(){ alert("add"); }, del: function(){ alert("delete"); }, update: function(){ alert("update"); }, name: "hanmeimei", callLiteral: function(){ // 对于当前字面量对象的调用,要加this关键字 this.add(); } };
相关推荐
zjcheerup 2020-05-14
gaohuirong0 2020-04-08
Hwaphon 2020-04-08
鹤啸九天 2020-04-08
cmsmdn 2020-01-10
GoatSucker 2019-11-08
extremecold 2019-06-28
huizhejian 2019-06-27
VitaLemon 2019-06-27
ThinkingLink 2015-04-21
88241243 2014-08-29
bangrenzhuce 2016-11-02
82467413 2015-04-13
么么茶技术网录 2019-04-25
黄玮鹏 2012-01-15
ljscoding 2016-06-06
ljscoding 2019-04-09
xiaoheizhuoer 2012-05-23
paiooo 2012-03-21