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某一元素重复绑定的问题
Jan 03 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
理解 JavaScript Scoping & Hoisting(二)
Nov 18 Javascript
js+css简单实现网页换肤效果
Dec 29 Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 Javascript
微信小程序 二维码canvas绘制实例详解
Jan 06 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
js实现复制功能(多种方法集合)
Jan 06 Javascript
vue实现记事本功能
Jun 26 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 Javascript
vue导入.md文件的步骤(markdown转HTML)
Dec 31 Vue.js
JS实现简单的九宫格抽奖
Jun 28 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编程效率的53个要点(经验小结)
2010/09/04 PHP
PHP服务器页面间跳转实现方法
2012/08/02 PHP
php实现与erlang的二进制通讯实例解析
2014/07/23 PHP
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
从零学习node.js之详解异步控制工具async(八)
2017/02/27 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
python daemon守护进程实现
2016/08/27 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
Mac安装python3的方法步骤
2019/08/09 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
python中常见错误及解决方法
2020/06/21 Python
快速了解Python开发环境Spyder
2020/06/29 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
美国最好的保健品打折网店:Swanson
2017/08/04 全球购物
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
委托函范文
2015/01/29 职场文书
质量保证书怎么写
2015/02/27 职场文书
争先创优个人总结
2015/03/04 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
一年级下册数学教学反思
2016/02/16 职场文书
假期读书倡议书3篇
2019/08/19 职场文书
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android