Javascript对象字面量的理解

对象字面量的输出方式以及定义好处

1.对象字面量的输出方式有两种：传统的‘。'，以及数组方式，

只不过用数组方式输出时，方括号里面要用引号括起来，如

rush:js;"> var Box = { name:'abc'; age:28 }; alert(Box['name']);

给对象定义方法，

A:如果用

传统定义对象

的方式，

就需要先定义方法，然后再把这个方法名赋值给对象的一个属性，如果要调用这个方法不加括号，就是返回方法代码；如果要调用这个方法该对象属性后面加上括号，就得到方法的返回值

rush:js;"> 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上面没有函数名，他是个匿名函数

，那怎么调用这个方法呢，用对象的这个属性名，要调用方法，同上就行

如：

rush:js;"> var Box = { name:'abc',age:28,run:function(){ return '123'; } } alert(Box.run());

2.对象字面量的定义方式，可以轻松搞定函数大量参数需要一一对应输出的情况。他的对策就是

给函数传入一个对象，而这个对象是用字面量的方式定义的，属性和值对应的方式可以一目了然他们的关系

，因为函数只是一段代码，必须调用才能执行

如：

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

js对象字面量的demo

rush:js;"> /** * @author zhanghua */ var literal = { add: function(){ alert("add"); },del: function(){ alert("delete"); },update: function(){ alert("update"); },name: "zhangsan",callLiteral: function(){ // 对于当前字面量对象的调用，要加this关键字 this.add(); } };

html文件：

rush:xhtml;"> teral.add()"/> teral.del()"/> teral.update()"/> teral.name)"/>

以上就是本文的全部内容，了解更多JavaScript的语法，大家可以查看：《》、《》，也希望大家多多支持编程之家。