创建一般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 相关文章推荐
javascript动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
关于Javascript中defer和async的区别总结
Sep 20 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 Javascript
element-ui多文件上传的实现示例
Apr 10 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
Jun 24 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
JS如何判断对象是否包含某个属性
Aug 29 Javascript
js实现点击烟花特效
Oct 14 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
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
ThinkPHP5.1+Ajax实现的无刷新分页功能示例
2020/02/10 PHP
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
JSQL 基于客户端的成绩统计实现方法
2010/05/05 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
2013/03/18 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
2013/08/11 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
浅谈node.js中async异步编程
2015/10/22 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python Matplotlib库安装与基本作图示例
2019/01/09 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
Python super()方法原理详解
2020/03/31 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
天巡全球:Skyscanner Global
2017/06/20 全球购物
公司捐款倡议书
2014/05/14 职场文书
高中生军训感言
2015/08/01 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
使用JS实现简易计算器
2021/06/14 Javascript
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫
MySQL 语句执行顺序举例解析
2022/06/05 MySQL