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程序设计有所帮助。

相关文章

  • 使用jquery解析XML的方法

    使用jquery解析XML的方法

    这篇文章主要介绍了使用jquery解析XML的方法,代码简洁实用,需要的朋友可以参考下
    2014-09-09
  • 详解js创建对象的几种方法及继承

    详解js创建对象的几种方法及继承

    这篇文章主要介绍了js创建对象的几种方法及继承,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JS ListBox的简单功能实现代码

    JS ListBox的简单功能实现代码

    这段时间在项目组都是做静态页面,都是些复制粘贴的活,难得碰到个稍微有点难度的页面。后来看到这个页面还不错,可以自己做做看,虽然公司已经有这样的组件,但不想用,反正没什么事,就当多学学JS好了。
    2008-10-10
  • Javascript 闭包详解及实例代码

    Javascript 闭包详解及实例代码

    这篇文章主要介绍了Javascript 闭包详解及实例代码的相关资料,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它,需要的朋友可以参考下
    2016-11-11
  • js中DOM事件绑定分析

    js中DOM事件绑定分析

    在这篇文章中小编给大家整理了关于JS中DOM事件绑定的相关知识点,有兴趣的朋友赶快学习参考下。
    2018-03-03
  • JavaScript通过字符串调用函数的实现方法

    JavaScript通过字符串调用函数的实现方法

    这篇文章主要介绍了JavaScript通过字符串调用函数的实现方法,实例分析了javascript动态调用函数的技巧,需要的朋友可以参考下
    2015-03-03
  • 新版小程序登录授权的方法

    新版小程序登录授权的方法

    这篇文章主要介绍了新版小程序登录授权的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • javascript检测浏览器的缩放状态实现代码

    javascript检测浏览器的缩放状态实现代码

    这篇文章主要介绍了javascript检测浏览器的缩放状态实现代码,需要的朋友可以参考下
    2014-09-09
  • 微信小程序登录时如何获取input框中的内容

    微信小程序登录时如何获取input框中的内容

    这篇文章主要介绍了微信小程序登录时如何获取input框中的内容,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • JS sort方法基于数组对象属性值排序

    JS sort方法基于数组对象属性值排序

    这篇文章主要介绍了JS sort方法基于数组对象属性值排序,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07

最新评论