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 相关文章推荐
正则表达式语法
Oct 09 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
jQuery拖动布局其结果保存到数据库
Oct 09 Javascript
JSONObject使用方法详解
Dec 17 Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 Javascript
node中koa中间件机制详解
Aug 22 Javascript
vue.js购物车添加商品组件的方法
Sep 17 Javascript
JavaScript Array对象使用方法解析
Sep 24 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
vue父子组件的通信方法(实例详解)
Nov 10 Javascript
vue3不同环境下实现配置代理
May 25 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音乐采集(部分代码)
2007/02/14 PHP
PHP 抓取新浪读书频道的小说并生成txt电子书的代码
2009/12/18 PHP
php中实现记住密码自动登录的代码
2011/03/02 PHP
最新用php获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
css样式标签和js语法属性区别
2013/11/06 Javascript
JS交换变量的方法
2015/01/21 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
解析微信JS-SDK配置授权,实现分享接口
2016/12/09 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
2019/06/17 Javascript
关于JSON解析的实现过程解析
2019/10/08 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
[51:20]完美世界DOTA2联赛PWL S2 Magma vs PXG 第一场 11.28
2020/12/01 DOTA
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
Python编程之多态用法实例详解
2015/05/19 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python 实现链表实例代码
2017/04/07 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
python 3.6.4 安装配置方法图文教程
2018/09/18 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
python opencv 实现读取、显示、写入图像的方法
2020/06/08 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
编辑求职信样本
2013/12/16 职场文书
会议接待欢迎标语
2014/10/08 职场文书
云冈石窟导游词
2015/02/04 职场文书
导游词400字
2015/02/13 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书
导游词之安徽九华山
2019/09/18 职场文书
利用python Pandas实现批量拆分Excel与合并Excel
2021/05/23 Python