JavaScript 对象字面量讲解


Posted in Javascript onJune 06, 2016

在编程语言中,字面量是一种表示值的记法。例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal ),JavaScript也不例外。以下也是JavaScript字面量的例子,如5、true、false和null,它们分别表示一个整数、两个布尔值和一个空对象。

JavaScript还支持对象和数组字面量,允许使用一种简洁而可读的记法来创建数组和对象。考虑以下语句,其中创建了一个包含两个属性的对象(firstName和lastName):

JavaScript 对象字面量讲解

还可以使用一种等价的方法创建同样的对象:

JavaScript 对象字面量讲解

以上赋值语句的右边是一个对象字面量(object literal)。对象字面量是一个名值对列表,每个名值对之间用逗号分隔,并用一个大括号括起。各名值对表示对象的一个属性,名和值这两部分之间用一个冒号分隔。要创建一个数组,可以创建Array对象的一个实例:

JavaScript 对象字面量讲解

不过首选的方法是使用一个数组字面量(array literal),这是一个用逗号分隔的值列表,用中括号括起:

JavaScript 对象字面量讲解

前面的例子展示了对象和数组字面量中可以包含其他字面量。以下是一个更复杂的示例:
JavaScript 对象字面量讲解

赋给team变量的对象有3个属性:name、members和count。注意,''表示空串,[]是一个空数组。甚至count属性的值也是一个字面量,即函数字面量(function literal):

JavaScript 对象字面量讲解

函数字面量如下构造:前面是一个function关键字,后面是一个函数名(可选)和参数表。然后是函数体,包围在大括号中。

以上已经介绍了字面量,下面来介绍JavaScript对象记法(JavaScript Object Notation,JSON),这是一种用于描述文件和数组的记法,由JavaScript字面量的一个子集组成。JSON在Ajax开发人员中越来越流行,因为这种格式可以用于交换数据,通常取代了XML。

=========================================================================
JavaScript对象字面量的例子(原创)
对象字面量:

//只能添加静态属性和方法
var myObject={
 propertyA: sha ,
 propertyB: feng ,
 methodA:function(){
 alert(this.propertyA+ +this.propertyB);
 },
 methodB:function(){}
}

myObject.methodA();


//利用prototype属性可以添加公有属性和方法

function myConstructor2(){}; //声明构造函数,可以使用对象字面量语法来向prototype属性中添加所有公有成员

myConstructor2.prototype={
 propertyA: sha ,
 propertyB: feng ,
 methodA:function(){
 alert(this.propertyA+ +this.propertyB);
 },
 methodB:function(){}
}

var myconstrustor=new myConstructor2(); //声明对象
myconstrustor.methodA();

以上就是JavaScript 对象字面量讲解的全部内容,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js实现的网页颜色代码表全集
Jul 17 Javascript
ExtJS 设置级联菜单的默认值
Jun 13 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
jQuery实现的Div窗口震动特效
Jun 09 Javascript
纯javascript实现简单下拉刷新功能
Mar 13 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
Aug 05 Javascript
jquery实现提示语淡入效果
May 05 jQuery
详解vuex状态管理模式
Nov 01 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
Feb 21 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
微信小程序轮播图swiper代码详解
Dec 01 Javascript
省市联动效果的简单实现代码(推荐)
Jun 06 #Javascript
js获取新浪天气接口的实现代码
Jun 06 #Javascript
浅谈Sublime Text 3运行JavaScript控制台
Jun 06 #Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
Jun 06 #Javascript
浅谈String.valueOf()方法的使用
Jun 06 #Javascript
深入理解JavaScript单体内置对象
Jun 06 #Javascript
基于JS实现省市联动效果代码分享
Jun 06 #Javascript
You might like
数据库相关问题
2006/10/09 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
WordPress中用于获取搜索表单的PHP函数使用解析
2016/01/05 PHP
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
从面试题学习Javascript 面向对象(创建对象)
2012/03/30 Javascript
javascript测试题练习代码
2012/10/10 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
jQuery插件scroll实现无缝滚动效果
2015/04/27 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
2016/04/06 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
基于JS实现数字动态变化显示效果附源码
2019/07/18 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
Python实现的购物车功能示例
2018/02/11 Python
Anaconda2 5.2.0安装使用图文教程
2018/09/19 Python
python读取各种文件数据方法解析
2018/12/29 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
Python中断多重循环的思路总结
2019/10/04 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
浅谈css3中的渐进增强和优雅降级
2017/12/01 HTML / CSS
索尼巴西商店:Sony巴西
2019/06/21 全球购物
师范生教师实习自我鉴定
2013/09/27 职场文书
优秀研究生自我鉴定
2013/12/04 职场文书
社团文化节邀请函
2014/01/10 职场文书
广告业务员岗位职责
2014/02/06 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
大学国际贸易专业自荐信
2014/06/05 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
副检察长四风问题对照检查材料思想汇报
2014/10/07 职场文书