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闭包的高级使用方法实例
Jul 04 Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 Javascript
同步异步动态引入js文件的几种方法总结
Sep 23 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
JavaScript面向对象精要(下部)
Sep 12 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
Dec 31 Javascript
Angular4 ElementRef的应用
Feb 26 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 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
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
PHP文本数据库的搜索方法
2006/10/09 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
第四章 php数学运算
2011/12/30 PHP
PHP全局变量与超级全局变量区别分析
2016/04/01 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
js继承 Base类的源码解析
2008/12/30 Javascript
让AJAX不依赖后端接口实现方案
2012/12/03 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
2017/11/08 jQuery
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
JS实现数据动态渲染的竖向步骤条
2020/06/24 Javascript
[31:29]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第一场 12.20
2020/12/23 DOTA
跟老齐学Python之类的细节
2014/10/13 Python
用python爬取租房网站信息的代码
2018/12/14 Python
selenium+python自动化测试之环境搭建
2019/01/23 Python
scrapy数据存储在mysql数据库的两种方式(同步和异步)
2020/02/18 Python
Python脚本如何在bilibili中查找弹幕发送者
2020/06/04 Python
Python descriptor(描述符)的实现
2020/11/15 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
基于canvas使用贝塞尔曲线平滑拟合折线段的方法
2018/01/10 HTML / CSS
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
《会变的花树叶》教学反思
2014/02/10 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
学校读书活动总结
2014/06/30 职场文书
汉字听写大会观后感
2015/06/12 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
分享15个Webpack实用的插件!!!
2021/03/31 Javascript
Python selenium的这三种等待方式一定要会!
2021/06/10 Python