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 相关文章推荐
JQuery扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
Oct 17 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 Javascript
前端开发基础javaScript的六大作用
Aug 06 Javascript
vue动态设置页面title的方法实例
Aug 23 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 Javascript
javascript贪吃蛇游戏设计与实现
Sep 17 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
如何正确理解PHP的错误信息
2006/10/09 PHP
简单的自定义php模板引擎
2016/08/26 PHP
根据分辨率不同,调用不同的css文件
2006/08/25 Javascript
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
jquery的each方法使用示例分享
2014/03/25 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
node.js中的buffer.copy方法使用说明
2014/12/14 Javascript
web前端开发JQuery常用实例代码片段(50个)
2015/08/28 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
2020/12/07 Vue.js
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
python通过tcp发送xml报文的方法
2018/12/28 Python
远程部署工具Fabric详解(支持Python3)
2019/07/04 Python
python设置随机种子实例讲解
2019/09/12 Python
python 实现视频 图像帧提取
2019/12/10 Python
介绍一下EJB的体系结构
2012/08/01 面试题
红领巾广播站广播稿
2014/02/01 职场文书
企业优秀员工事迹材料
2014/05/28 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
民主生活会汇报材料
2014/12/15 职场文书
大学生个人学习总结
2015/02/15 职场文书
优秀英文求职信范文
2015/03/19 职场文书
教师教育教学随笔
2015/08/15 职场文书
早安问候语大全
2015/11/10 职场文书
怎样写好工作计划
2019/04/10 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
深入解析MySQL索引数据结构
2021/10/16 MySQL