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


Posted in Javascript onJune 08, 2016

// 方法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类定义方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
用js小类库获取浏览器的高度和宽度信息
Jan 15 Javascript
javascript实现依次输入input自动定焦
Dec 23 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
捕获未处理的Promise错误方法
Oct 13 Javascript
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
通过cordova将vue项目打包为webapp的方法
Feb 02 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 Javascript
bootstrap实现tab选项卡切换
Aug 09 Javascript
浅谈javascript中的constructor
Jun 08 #Javascript
js定义类的几种方法(推荐)
Jun 08 #Javascript
JavaScript必知必会(七)js对象继承
Jun 08 #Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 #Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 #Javascript
webpack中引用jquery的简单实现
Jun 08 #Javascript
js验证框架之RealyEasy验证详解
Jun 08 #Javascript
You might like
php 无限级 SelectTree 类
2009/05/19 PHP
Yii 2.0在Grid中格式化时间方法示例
2017/06/06 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
JavaScript 学习笔记(六)
2009/12/31 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
Jquery动态添加输入框的方法
2015/05/29 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
用jQuery实现优酷首页轮播图
2017/01/09 Javascript
jQuery文字轮播特效
2017/02/12 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
2017/07/31 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
python中的句柄操作的方法示例
2019/06/20 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
python代码实现图书管理系统
2020/11/30 Python
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
悬挂训练绳:TRX
2017/12/14 全球购物
机电专业毕业生推荐信
2013/11/10 职场文书
清洁工表扬信
2014/01/08 职场文书
制药工程专业个人求职自荐信
2014/01/25 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
公司财务管理制度
2015/08/04 职场文书
参观监狱警示教育心得体会
2016/01/15 职场文书
诚信高考倡议书
2019/06/24 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书