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 相关文章推荐
Jquery 高亮显示文本中重要的关键字
Dec 24 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
node.js中的console.info方法使用说明
Dec 09 Javascript
jQuery实现每隔几条元素增加1条线的方法
Jun 27 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
浅谈React Native 中组件的生命周期
Sep 08 Javascript
基于vue的短信验证码倒计时demo
Sep 13 Javascript
js装饰设计模式学习心得
Feb 17 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
Aug 09 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
swiper实现异形轮播效果
Nov 28 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
js查找父节点的简单方法
2008/06/28 Javascript
javascript动态加载三
2012/08/22 Javascript
JavaScript 命名空间 使用介绍
2013/08/29 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
jquery动态切换背景图片的简单实现方法
2016/05/14 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
JS闭包原理及其使用场景解析
2020/12/03 Javascript
Python自动化开发学习之三级菜单制作
2017/07/14 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
解决tensorflow模型压缩的问题_踩坑无数,总算搞定
2021/03/02 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
送货司机岗位职责
2013/12/11 职场文书
面试后感谢信怎么写
2014/02/01 职场文书
教师试用期自我鉴定
2014/02/12 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
神农溪导游词
2015/02/11 职场文书
工地材料员岗位职责
2015/04/11 职场文书
redis实现排行榜功能
2021/05/24 Redis
JavaScript实现简单拖拽效果
2021/09/15 Javascript
JS数组方法some、every和find的使用详情
2021/10/05 Javascript
Mysql忘记密码解决方法
2022/02/12 MySQL