脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 定义类 与方法

浅谈几种常用的JS类定义方法

 更新时间：2016年06月08日 16:59:32   投稿：jingxian  
下面小编就为大家带来一篇浅谈几种常用的JS类定义方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

// 方法1 对象直接量

var obj1 = {
 v1 : "",
 get_v1 : function() {
  return this.v1;
 },
 set_v1 : function(v) {
  this.v1 = v;
 }
};

// 方法2 定义函数对象

var Obj = function() {
 var v1 = "";
 this.get_v1 = function() {
  return this.v1;
 };
 this.set_v1 = function(v) {
  this.v1 = v;
 }
};

// 方法3 原型继承

var Obj3 = new Function();
Obj3.prototype = {
 v1 : "",
 get_v1 : function() {
  return this.v1;
 },
 set_v1 : function(v) {
  this.v1 = v;
 }
};

// 方法4 工厂模式

function loadObj() {
 var tmp = new Object();
 tmp.v1 = "";
 tmp.get_v1 = function() {
  return tmp.v1;
 };
 tmp.set_v1 = function(v) {
  tmp.v1 = v;
 };
 return tmp;
}

obj1.set_v1('hello1');
alert(obj1.get_v1());

var obj2 = new Obj();
obj2.set_v1('hello2');
alert(obj2.get_v1());

var obj3 = new Obj();
obj3.set_v1('hello3');
alert(obj3.get_v1());

var obj4 = loadObj();
obj4.set_v1('hello4');
alert(obj4.get_v1());

alert(obj1);
alert(obj2);
alert(obj3);
alert(obj4);

以上这篇浅谈几种常用的JS类定义方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • js冒泡法和数组转换成字符串示例代码

    js冒泡法和数组转换成字符串示例代码

    将数组转换成字符串的方法有很多，想必大家也不会陌生，下面为大家讲解下js冒泡法的使用，感兴趣的朋友可以参考下
    2013-08-08
  • BootStrap daterangepicker 双日历控件

    BootStrap daterangepicker 双日历控件

    这篇文章主要介绍了BootStrap daterangepicker 双日历控件,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-06-06
  • H5如何实现唤起APP及调试bug解决

    H5如何实现唤起APP及调试bug解决

    这篇文章主要为大家介绍了H5如何实现唤起APP及调试bug解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-05-05
  • JS ES6中setTimeout函数的执行上下文示例

    JS ES6中setTimeout函数的执行上下文示例

    这篇文章主要给大家介绍了关于JS ES6中setTimeout函数的执行上下文的相关资料，文中给出了详细的介绍和示例代码供大家参考学习，需要的朋友们下面来一起看看吧。
    2017-04-04
  • JS实现拖拽元素时与另一元素碰撞检测

    JS实现拖拽元素时与另一元素碰撞检测

    这篇文章主要为大家详细介绍了JS实现拖拽元素时与另一元素碰撞检测，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-08-08
  • JavaScript 格式字符串的应用

    JavaScript 格式字符串的应用

    在使用JavaScript中的Date对象时，有一个常用的操作就是输出。但Date对象自带的toString()方法输出的格式并不能满足用户多样化的需求。我在想，是不是可以将C#中DateTime.ToString(string format)方法的形式引入到JavaScript中呢？
    2010-03-03
  • 一起来写段JS drag拖动代码

    一起来写段JS drag拖动代码

    记得几年前刚接触前端的时候，觉得能在网页上拖移元素是一件很爽的事，能写一段这样的代码是件很了不起的事情，于是乎google,baidu蛮多代码来学习，大致明白了思路，总结如下
    2010-12-12
  • 非常漂亮的js烟花效果

    非常漂亮的js烟花效果

    这篇文章主要为大家详细介绍了js实现非常漂亮的烟花效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • PixiJS学习之常见图形的绘制详解

    PixiJS学习之常见图形的绘制详解

    pixijs 是一个强大的 Web Canvas 2D 库，以其强大性能而著称。这篇文章主要带大家学习一下PixiJS是如何实现常见图形绘制的，希望对大家有所帮助
    2023-02-02
  • 从零开始用electron手撸一个截屏工具的示例代码

    从零开始用electron手撸一个截屏工具的示例代码

    这篇文章主要介绍了从零开始用electron手撸一个截屏工具的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10

最新评论