`
xiaomiya
  • 浏览: 131411 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

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();
    }
};

 

 

分享到:
评论

相关推荐

    Javascript对象字面量的理解_.docx

    ### JavaScript对象字面量的理解 #### 一、对象字面量概述 JavaScript 中的对象字面量是一种非常便捷的方式来创建对象并初始化其属性和方法。它允许开发者在一个大括号 `{}` 中定义对象的所有属性和方法,这使得...

    Javascript对象字面量的理解

    JavaScript对象字面量是创建和初始化对象的一种简洁方式,它避免了使用`new`操作符和构造函数。本文将深入探讨对象字面量的概念、输出方式及其在处理函数参数和对象方法中的应用。 1. **对象字面量的输出方式**: ...

    JavaScript对象字面量和构造函数原理与用法详解

    JavaScript对象字面量和构造函数是构建和组织JavaScript代码的两种重要技术。对象字面量允许开发者直接在代码中创建对象,而构造函数则是使用函数来创建具有相同属性和方法的对象。 首先,让我们来详细讨论...

    JavaScript 对象字面量讲解

    在编程语言中,字面量是一种表示值的记法。例如,”Hello, World!” 在许多语言中都表示一个字符串字面量(string literal ),JavaScript也不例外。...以上赋值语句的右边是一个对象字面量(object litera

    JavaScript中用字面量创建对象介绍

    对象字面量的一个重要特点是其属性值可以是任意类型的JavaScript表达式,包括其他对象字面量: ```javascript var o2 = {"goodScore": 99, "badScore": 52}; ``` 在这个例子中,`o2`对象有两个属性,一个是`...

    big-object-literal.rar_We Work

    1. **JavaScript对象字面量**:理解如何创建和使用对象字面量,以及它们在内存中的表示和访问效率。 2. **性能优化**:探讨如何优化大对象的创建和访问,比如属性的访问模式(直接属性访问 vs. 访问器属性),以及...

    掌握数据交换语言:JavaScript中的JSON使用全解析

    - JSON数据格式与JavaScript对象字面量类似,但有一些限制,例如属性名必须用双引号括起来。 2. **JSON的基本语法** - **对象**:由键值对组成,使用大括号`{}`包围。 - **数组**:有序的数据集合,使用方括号`...

    JS中的public和private对象,即static修饰符

    在JavaScript对象字面量中定义的属性和方法默认都是public(公开的),可以在对象外部访问。例如,在Person对象中,_name和_age是public属性,PrintInfo是public方法。通过Person对象,我们可以访问_name属性和调用...

    javascript对象参考手册

    此外,还会讲解字面量语法和构造函数两种创建对象的方式,以及原型、原型链和`__proto__`属性的用法。 接下来,手册会深入讨论JavaScript内置对象,如Array、Date、Math、String等,这些对象提供了处理数组、日期、...

    js代码-获取对象字面量:获取环境变量时必用此方法,

    通过以上方法,我们可以高效地利用JavaScript对象字面量来获取和管理环境变量,同时保持代码的整洁和可维护性。在实际项目中,理解并熟练应用这些技巧是非常重要的。阅读 `main.js` 和 `README.txt` 文件,可以帮助...

    巧用eval解析json对象

    加了括号后,JSON字符串会被当作一个完整的JavaScript对象字面量来解析。 尽管`eval()`看似方便,但它存在显著的安全风险,因为它允许执行任何JavaScript代码,可能导致XSS(跨站脚本攻击)或其他恶意行为。因此,...

    浅谈js之字面量、对象字面量的访问、关键字in的用法

    以上内容便是对JavaScript字面量、对象字面量访问和关键字`in`的用法的详细说明。通过这些知识点,我们可以更加熟练和安全地在JavaScript中操作对象,以及检查属性存在性,这在开发中是非常实用的。在实际编程过程中...

    第32章 JSON1

    与 JavaScript 对象字面量不同,JSON 对象不支持赋值操作和分号。 - **数组**:JSON 数组是一系列值的集合,这些值可以是任何 JSON 数据类型,如 `[100, "Lee", true]`。与 JavaScript 数组字面量类似,但不支持...

    json使用系列分享一

    JSON格式的设计灵感来自于JavaScript对象字面量语法,但JSON不是JavaScript代码,它只是一个数据格式。 3. JSON解析与序列化:在服务器端,我们通常将数据库中的数据转换为JSON格式,然后发送到客户端;在客户端,...

    04JavaScript对象相关内容总结.docx

    此外,对象字面量表示法也是常用的创建对象的方式,如下所示: ```javascript var obj = { name: "John", age: 30, city: "New York" }; ``` 在JavaScript中,对象的属性可以通过点操作符或方括号操作符来访问...

Global site tag (gtag.js) - Google Analytics