这篇文章主要介绍对javascript对象字面量的理解,通俗易懂,需要的朋友可以参考下。
对象字面量的输出方式以及定义好处
1.对象字面量的输出方式有两种：传统的‘。’，以及数组方式，只不过用数组方式输出时，方括号里面要用引号括起来，如
var box = { name:'abc'; age:28};alert(box['name']);
登录后复制
给对象定义方法，
A:如果用传统定义对象的方式，就需要先定义方法，然后再把这个方法名赋值给对象的一个属性，如果要调用这个方法不加括号，就是返回方法代码；如果要调用这个方法该对象属性后面加上括号，就得到方法的返回值
立即学习“Java免费学习笔记（深入）”；
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文件：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Literal--字面量
登录后复制
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
有关js 实时监听input中值变化（图文教程）
有关js string()常用方法总结（图文教程）
php读取本地json文件有哪些方法
以上就是Javascript对象字面量的理解（图文教程）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2760669.html
