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中的window.location.search方法简介
Sep 02 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
详解vue2路由vue-router配置(懒加载)
Apr 08 Javascript
Angularjs 实现动态添加控件功能
May 25 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
layui table 获取分页 limit的方法
Sep 20 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
一篇文章带你从零快速上手Rollup
Sep 07 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
javascript 自定义事件初探
2009/08/21 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
微信小程序调用PHP后台接口 解析纯html文本
2017/06/13 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
记一次vue去除#问题处理经过小结
2019/01/24 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
PyQt5图形界面播放音乐的实例
2019/06/17 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
python连接mongodb集群方法详解
2020/02/13 Python
详解python环境安装selenium和手动下载安装selenium的方法
2020/03/17 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
Python 存取npy格式数据实例
2020/07/01 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
质检部部长职责
2013/12/16 职场文书
护士进修自我鉴定
2014/02/07 职场文书
支部书记四风问题自我剖析材料
2014/09/29 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书