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

 更新时间:2014年12月31日 08:42:06   投稿:junjie  
这篇文章主要介绍了JavaScript中用字面量创建对象介绍,本文直接给出代码实例,并讲解了一些技巧,需要的朋友可以参考下

JavaScript中可以用字面量来直接创建一个新对象:


复制代码 代码如下:

var obj = {a:27, "b":99};


如上所述,在用字面量来创建对象的时候,对象中的property定义可以用单引号或双引号来包括,也可以忽略引号。不过,当property中出现空格、斜杠等特殊字符,或者使用的property与JS关键词冲突时,则必须使用引号。

在用字面量来创建对象的时候,property可以是空字符串,property中也可以出现空格:


复制代码 代码如下:

//empty string is allowed as object property
var o = {"":88, "p":99};
console.log(o);//Object { =88, p=99}

//spaces can be included in property
var o2 = {"good score":99, "bad score":52};
console.log(o2);//Object {good score=99, bad score=52}


值得注意的是,即使使用的字面量相同,每次使用字面量时,JavaScript都会创建一个全新的对象:


复制代码 代码如下:

//every object literal creates a new and distinct object.
var x = {a:18, b:28};
var y = {a:18, b:28};
console.log(x === y);//false


在字面量中,如果最后多出一个逗号(“}”字符前出现”,”),那么有一些JavaScript解释器将报错。事实上,在IE7中,这种行为将导致浏览器假死等问题。在ECMAScript 5标准中,”}”字符前出现”,”是合法的,该逗号会被直接忽略掉。

相关文章

  • JavaScript复制文案到剪贴板小技巧

    JavaScript复制文案到剪贴板小技巧

    这篇文章主要为大家介绍了JavaScript复制文案到剪贴板实现小技巧,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 前端实现时钟网页的详细代码示例

    前端实现时钟网页的详细代码示例

    本文介绍了如何在网页中实现一个动态显示的时钟,并且添加了白天和夜晚两种模式的切换功能,通过简单的HTML结构和JavaScript代码,使用Date()函数动态获取当前的时间,并将时、分、秒通过逻辑绑定到相应的div元素上,实现时钟的动态显示,需要的朋友可以参考下
    2024-09-09
  • js模拟实现Array的sort方法

    js模拟实现Array的sort方法

    JavaScript的Array对象有一个sort方法,用于实现对数组元素的排序,该方法默认按照数组项ASCII 字符顺序升序排列。这篇文章重点给大家介绍js模拟实现Array的sort方法,一起看看吧
    2007-12-12
  • MyEclipse取消验证Js的两种方法

    MyEclipse取消验证Js的两种方法

    通过js写一个web工程的相关页面时感觉很卡,修改内存也不行下面有两种解决方法,大家可以尝试下
    2013-11-11
  • JS判断文本框内容改变事件的简单实例

    JS判断文本框内容改变事件的简单实例

    本篇文章主要是对JS判断文本框内容改变事件的简单实例进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • Javascript Cookie读写删除操作的函数

    Javascript Cookie读写删除操作的函数

    Javascript Cookie读写删除操作的函数代码,需要操作cookies的朋友可以参考下。
    2010-03-03
  • 原生js+cookie实现购物车功能的方法分析

    原生js+cookie实现购物车功能的方法分析

    这篇文章主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • javascript实现切换td中的值

    javascript实现切换td中的值

    这篇文章主要介绍了javascript实现切换td中的值的方法,需要的朋友可以参考下
    2014-12-12
  • JavaScript实现简单的倒计时效果

    JavaScript实现简单的倒计时效果

    这篇文章主要为大家详细介绍了JavaScript实现简单的倒计时效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • js中数组解构与对象解构示例代码

    js中数组解构与对象解构示例代码

    数组解构是一种在 JavaScript 中从数组中提取值并将它们分配给变量的方式,在数组解构中分为完全解构,不完全解构,解构失败以及解构默认值,这篇文章主要介绍了js中数组解构与对象解构,需要的朋友可以参考下
    2023-09-09

最新评论