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 31 Javascript
js实现的牛顿摆效果
Mar 31 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
Ext JS 实现建议词模糊动态搜索功能
May 13 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
使用原生js封装的ajax实例(兼容jsonp)
Oct 12 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
May 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
PHP中的串行化变量和序列化对象
2006/09/05 PHP
php实例分享之html转为rtf格式
2014/06/02 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
2011/12/20 Javascript
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
快速入门Vue
2016/12/19 Javascript
js中toString()和String()区别详解
2017/03/23 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
Python FTP操作类代码分享
2014/05/13 Python
Python合并多个装饰器小技巧
2015/04/28 Python
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
python  logging日志打印过程解析
2019/10/22 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
tensorflow使用L2 regularization正则化修正overfitting过拟合方式
2020/05/22 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
CSS3实现翘边的阴影效果的代码示例
2016/06/13 HTML / CSS
C语言变量的命名规则都有哪些
2013/12/27 面试题
教导处工作制度
2014/01/18 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
《音乐之都维也纳》教学反思
2014/04/16 职场文书
如何写早恋检讨书
2014/09/10 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
Java由浅入深通关抽象类与接口(上篇)
2022/04/26 Java/Android
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript