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 相关文章推荐
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
javascript进行四舍五入方法汇总
Dec 16 Javascript
javascript正则表达式之search()用法实例
Jan 19 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
Vue.js实战之组件的进阶
Apr 04 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 Javascript
React如何解决fetch跨域请求时session失效问题
Nov 02 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
May 30 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 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
如何将数据从文本导入到mysql
2006/10/09 PHP
php程序的国际化实现方法(利用gettext)
2011/08/14 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
Jquery读取URL参数小例子
2013/08/30 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
jQuery弹出div层过2秒自动消失
2016/11/29 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
安装vue-cli的简易过程
2018/05/22 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
全面理解Python中self的用法
2016/06/04 Python
Python银行系统实战源码
2019/10/25 Python
详解Python 循环嵌套
2020/07/09 Python
详解KMP算法以及python如何实现
2020/09/18 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
Canvas绘制浮动球效果的示例
2017/12/29 HTML / CSS
美国美发品牌:Bumble and Bumble
2016/10/08 全球购物
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
高中军训感言200字
2014/02/23 职场文书
2014年底个人工作总结
2015/03/10 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
毕业实习证明范本
2015/06/16 职场文书
2015秋季开学典礼主持词
2015/07/16 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
vscode中使用npm安装babel的方法
2021/08/02 Javascript
mysql的数据压缩性能对比详情
2021/11/07 MySQL
KVM基础命令详解
2022/04/30 Servers