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监听浏览器的问题
Jun 23 Javascript
JS 实现点击a标签的时候让其背景更换
Oct 15 Javascript
JS去除字符串两端空格的简单实例
Dec 27 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 Javascript
js制作支付倒计时页面
Oct 21 Javascript
js中new一个对象的过程
Feb 20 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
微信小程序实现炫酷的弹出式菜单特效
Jan 28 Javascript
vue路由跳转传参数的方法
May 06 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
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
php实现加减法验证码代码
2014/02/14 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
利用window.name实现windowStorage代码分享
2014/01/02 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
js比较日期大小的方法
2015/05/12 Javascript
浅析在javascript中创建对象的各种模式
2016/05/06 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
Python和Sublime整合过程图示
2019/12/25 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
Python实现数字的格式化输出
2020/08/01 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
求职自荐信的格式
2014/04/07 职场文书
高中生学习计划书
2014/09/15 职场文书
2014年国庆节广播稿
2014/09/19 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python
Pygame Rect区域位置的使用(图文)
2021/11/17 Python
Spring Boot实现文件上传下载
2022/08/14 Java/Android