javascript对象字面量

最新推荐文章于 2024-11-22 12:28:42 发布

原创最新推荐文章于 2024-11-22 12:28:42 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#字面量

JavaScript 专栏收录该内容

53 篇文章

订阅专栏

本文详细介绍了JavaScript中对象字面量的概念及应用。探讨了对象字面量的两种输出方式，以及如何通过对象字面量定义对象的方法。此外，还讨论了使用对象字面量在传递大量参数时的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己的理解对象字面量就是一种创建对象的一种模式（这几年开发的首选模式）。

对象字面量提供了一种非常方便地创建新对象值的表示方法。

一个对象字面量就是包含在一对花括号中的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();
    }
};