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 相关文章推荐
TopList标签和JavaScript结合两例
Aug 12 Javascript
推荐一些非常不错的javascript学习资源站点
Aug 29 Javascript
常用简易JavaScript函数
Apr 09 Javascript
Javascript中的window.event.keyCode使用介绍
Apr 26 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
Jquery性能优化详解
May 15 Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
Feb 19 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
详解JavaScript中this的指向问题
Jan 20 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php用户注册信息验证正则表达式
2015/11/12 PHP
Composer设置忽略版本匹配的方法
2016/04/27 PHP
PHP的AES加密算法完整实例
2016/07/20 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
BootStrap table使用方法分析
2016/11/08 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
python处理PHP数组文本文件实例
2014/09/18 Python
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
python序列化与数据持久化实例详解
2019/12/20 Python
Django框架之中间件MiddleWare的实现
2019/12/30 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
拾金不昧表扬信范文
2014/01/11 职场文书
婚礼新郎父母答谢词
2014/01/16 职场文书
2013年研究生毕业感言
2014/02/06 职场文书
2014国培学习感言
2014/03/05 职场文书
工商管理专业自荐信
2014/06/03 职场文书
2014年双拥工作总结
2014/11/21 职场文书
团队拓展训练心得体会
2016/01/12 职场文书
python数据处理之Pandas类型转换
2022/04/28 Python
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers