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面向对象编程
Mar 04 Javascript
JS中处理与当前时间间隔的函数代码
May 23 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
完美解决js传递参数中加号和&号自动改变的方法
Oct 11 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
Oct 19 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
vue-iview动态新增和删除的方法
Jun 17 Javascript
JavaScript实现前端网页版倒计时
Mar 24 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
PHP DataGrid 实现代码
2009/08/12 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
ExtJs扩展之GroupPropertyGrid代码
2010/03/05 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
使用text方法获取Html元素文本信息示例
2014/09/01 Javascript
JS 打印功能代码可实现打印预览、打印设置等
2014/10/31 Javascript
jquery插件jquery.confirm弹出确认消息
2015/12/22 Javascript
JavaScript事件 "事件对象"的注意要点
2016/01/14 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
python的列表List求均值和中位数实例
2020/03/03 Python
linux面试题参考答案(11)
2012/05/01 面试题
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
大学生活动策划方案
2014/02/10 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
健康教育评估方案
2014/05/25 职场文书
小学生植树节活动总结
2014/07/04 职场文书
答谢词范文
2015/01/05 职场文书
对公司的意见和建议
2015/06/04 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
星际争霸:毕姥爷vs解冻03
2022/04/01 星际争霸
Nginx代理Redis哨兵主从配置的实现
2022/07/15 Servers