JavaScript对象封装的简单实现方法(3种方法)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript对象封装的简单实现方法(3种方法),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1245字,纯文字阅读大概需要2分钟。
内容图文
![JavaScript对象封装的简单实现方法(3种方法)](/upload/InfoBanner/zyjiaocheng/304/314f4f8790ca49ecadcfa8f83c5637af.jpg)
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对象封装的简单实现方法(3种方法)相关文章请关注PHP中文网!
内容总结
以上是互联网集市为您收集整理的JavaScript对象封装的简单实现方法(3种方法)全部内容,希望文章能够帮你解决JavaScript对象封装的简单实现方法(3种方法)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。