JavaScript对象封装的简单实现方法(3种方法)
更新时间：2017年01月03日 11:27:20 作者：lingceng
这篇文章主要介绍了JavaScript对象封装的简单实现方法,结合实例形式分析了3种简单实现方法与相关注意事项,需要的朋友可以参考下
本文实例讲述了JavaScript对象封装的简单实现方法。分享给大家供大家参考，具体如下：
Javascript在HTML中变得越来越强大，富客户端，HTML5中的WebGL等。但是我们书写Javascript的时候往往很随意，使用对象的封装是极好的。这里介绍Javascipt三种创建对象的方法。
1. 使用关键字new创建对象
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = new Person(); // 也可填充初始化属性，如new Person("lingceng", 22)
2. 使用Object直接创建对象
可以看出，这种方法扩展很方便。
var obj = new Object(); // 这里也可写成 var = {};
obj.name = "lingceng";
obj.age = 22;
3. 使用JSON创建（对象字面量的说法更准确，但JSON更好理解）
从Javascript1.2开始，创建对象有了更快捷的方式。
var p = {
name: "lingceng", // "name":"lingceng这样加引号解析方式相同
gender: "male"
};
实践方式
结合构造函数和原型模式创建对象的方式很适合实践。
function Person(name,age)
｛
// 实例属性
// 实例时多份拷贝
this.name=name;
this.age=age;
}
Person.prototype={
// 因为原型被替换，所以需要恢复construtor的默认指向
constructor: Person,
showName:function(){
alert("ShowName in prototype:"+this.name);
},
showAge:function(){
alert(this.age);
}
}
var p = new Person("lingceng", 22);
p.showAge(); // 22
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了微信小程序图片放大预览功能的实现方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-11-11
微信小程序页面画好后,需要开始做一系列和用户的交互功能了,首先就是登录,这篇文章主要给大家介绍了关于微信小程序如何实现登录的相关资料,需要的朋友可以参考下2022-07-07
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
本篇文章主要介绍了Bootstrap 模态框多次显示后台提交多次BUG的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
这篇文章主要介绍了JavaScript实现的商品抢购倒计时功能,可实现分秒级别的实时显示倒计时效果,涉及js日期时间计算与页面元素动态操作相关技巧,需要的朋友可以参考下2017-04-04
下面的代码是读取media palyer的默认路径。运行后确认即可，本程序没有安全问题，大家放心测试。2009-07-07
下面小编就为大家带来一篇浅谈JavaScript 覆盖原型以及更改原型。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随过来看看吧2016-08-08
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
这篇文章给大家介绍了bootstrapvalidator校验、校验清除重置的实现代码，在代码中需要我们引入css与js文件，大家可以参考下文的代码2016-09-09
现在微博都有一个不错的效果就是会实时的动态滚动并显示最新的信息了，下面我来给大家介绍仿新浪微博大厅首页滚动效果,希望此方法对大家会有帮助。2015-10-10
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
在学习javascript的过程中，遇到一个问题就是基于JavaScript+Html5实现按钮复制文字到剪切板功能，下面小编给大家分享下我的实现思路，感兴趣的朋友可以参考下2017-03-03
这篇文章主要介绍了JavaScript实现点击文字切换登录窗口的方法,涉及javascript操作div层及相关样式的技巧,需要的朋友可以参考下2015-05-05
最新评论