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 相关文章推荐
javascript:以前写的xmlhttp池,代码
May 18 Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
iScroll中事件点击触发两次解决方案
Mar 11 Javascript
Jquery中map函数的用法
Jun 03 Javascript
jQuery通用的全局遍历方法$.each()用法实例
Jul 04 Javascript
Vue实现自定义下拉菜单功能
Jul 16 Javascript
vue中动态添加class类名的方法
Sep 05 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 10 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 Vue.js
省市联动效果的简单实现代码(推荐)
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实现的ping端口函数实例
2014/11/12 PHP
PHP页面跳转实现延时跳转的方法
2016/12/10 PHP
PHP读取XML文件的方法实例总结【DOMDocument及simplexml方法】
2019/09/10 PHP
PHP实现通过二维数组键值获取一维键名操作示例
2019/10/11 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
JS 页面自动加载函数(兼容多浏览器)
2009/05/18 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
2015/06/01 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
jsonp跨域请求详解
2017/07/13 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
react高阶组件添加和删除props
2019/04/26 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
把大数据数字口语化(python与js)两种实现
2013/02/21 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
简单了解python代码优化小技巧
2019/07/08 Python
Python 50行爬虫抓取并处理图灵书目过程详解
2019/09/20 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
python cv2.resize函数high和width注意事项说明
2020/07/05 Python
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
专科毕业生就业推荐信
2013/11/01 职场文书
生产操作工岗位职责
2014/09/16 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
批评与自我批评总结
2014/10/17 职场文书
检讨书大全
2015/01/27 职场文书
2015个人半年总结范文
2015/03/09 职场文书
工作经历证明范本
2015/06/15 职场文书
Nginx下配置Https证书详细过程
2021/04/01 Servers
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏