创建一般js对象的几种方式


Posted in Javascript onJanuary 19, 2017

1.对象字面量创建对象

var obj = { a:1,b:2 };

注意:对象字面量是一个表达式,这种表达式每次运算都会创建并初始化一个新对象,并计算这个新对象的每个属性值。所以如果在循环体内使用对象字面量,每次循环时都会创建新对象。

2.通过new运算符创建对象

var obj = new Object(); //创建空对象
var ary = new Array(); //创建空的数组对象

注意:new运算符后面跟的是一个函数调用,这个函数被称为构造函数。js中原始类型都包含内置的构造函数,也可以自己定义构造函数。

3.通过立即执行函数创建对象

var obj = (function(){ return {x:1,y:2};}());

注意:在立即执行函数内部一定要有return语句,return出的内容就是待创建的对象。

4.通过Object.create()创建对象

var obj = Object.create({x:1,y:2});

注意:Object.create()是一个静态函数,传入原型对象就可以创建继承此原型对象的对象,例如上面的例子中obj对象继承了x,y属性。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
基于jquery的表头固定的若干方法
Jan 27 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
Feb 25 Javascript
详解JS函数重载
Dec 04 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
深入学习JavaScript中的Rest参数和参数默认值
Jul 28 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
JavaScript Math 对象常用方法总结
Apr 28 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
Aug 28 Javascript
小程序实现留言板
Nov 02 Javascript
浅谈Vue.use到底是什么鬼
Jan 21 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 #Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 #Javascript
快速掌握jQuery插件开发
Jan 19 #Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 #Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 #Javascript
使用JavaScript触发过渡效果的方法
Jan 19 #Javascript
详解支持Angular 2的表格控件
Jan 19 #Javascript
You might like
PHP根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
php绘制一个矩形的方法
2015/01/24 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
PHP session垃圾回收机制实例分析
2019/06/28 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
javascript工具库代码
2012/03/29 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
2013/04/22 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
vuex实现简易计数器
2016/10/27 Javascript
angular+ionic 的app上拉加载更新数据实现方法
2017/01/16 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
vue弹窗消息组件的使用方法
2020/09/24 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
jQuery轮播图实例详解
2018/08/15 jQuery
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
vue实现一拉到底的滑动验证
2019/07/25 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
python障碍式期权定价公式
2019/07/19 Python
Python适配器模式代码实现解析
2019/08/02 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
东方通信股份有限公司VC面试题
2014/08/27 面试题
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
成教自我鉴定
2013/10/27 职场文书
十佳班主任事迹材料
2014/01/18 职场文书
优秀护士先进事迹
2014/05/08 职场文书
介绍信如何写
2015/01/31 职场文书