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 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
JavaScript事件代理和委托详解
Apr 08 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
js中如何完美的解析数据
Mar 18 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
Jan 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
实用函数3
2007/11/08 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
fgetcvs在linux的问题
2012/01/15 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
php-msf源码详解
2017/12/25 PHP
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
js同源策略详解
2015/05/21 Javascript
JavaScript实现动态添加,删除行的方法实例详解
2015/07/02 Javascript
详解AngularJs中$resource和restfu服务端数据交互
2016/09/21 Javascript
js自制图片放大镜功能
2017/01/24 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
JS实现图片居中悬浮效果
2017/12/25 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
2019/09/27 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
Python socket 套接字实现通信详解
2019/08/27 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
scrapy-redis分布式爬虫的搭建过程(理论篇)
2020/09/29 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
党校培训自我鉴定范文
2014/04/10 职场文书
安全生产宣传标语
2014/06/06 职场文书
大学计划书范文800字
2014/08/14 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
《唯一的听众》教学反思
2016/02/18 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS