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 相关文章推荐
firefox插件Firebug的使用教程
Jan 02 Javascript
JQuery中SetTimeOut传参问题探讨
May 10 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
浅析JavaScript声明变量
Dec 21 Javascript
JavaScript 不支持 indexof 该如何解决
Mar 30 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
Dec 11 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 Javascript
layui 数据表格复选框实现单选功能的例子
Sep 19 Javascript
Vue.js中的高级面试题及答案
Jan 13 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数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
跨浏览器PHP下载文件名中的中文乱码问题解决方法
2015/03/05 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
通过Javascript读取本地Excel文件内容的代码示例
2014/04/08 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
JS操作HTML自定义属性的方法
2015/02/10 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
Python中循环引用(import)失败的解决方法
2018/04/22 Python
Python从ZabbixAPI获取信息及实现Zabbix-API 监控的方法
2018/09/17 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
Softmax函数原理及Python实现过程解析
2020/05/22 Python
Html5如何唤起百度地图App的方法
2019/01/27 HTML / CSS
奥地利手表、香水、化妆品和珠宝购物网站:Brasty.at
2021/01/17 全球购物
化工专业应届生求职信
2013/11/08 职场文书
军训鉴定表自我鉴定
2014/02/13 职场文书
出差报告怎么写
2014/11/06 职场文书
实习护士自荐信
2015/03/25 职场文书
召开会议通知范文
2015/04/15 职场文书
紧急迫降观后感
2015/06/15 职场文书
致运动员加油稿
2015/07/21 职场文书
欢送领导祝酒词
2015/08/12 职场文书
2019最新公司租房合同(例文)
2019/07/18 职场文书
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
排查并解决MySQL生产库内存使用率高的报警
2022/04/11 MySQL