浅谈几种常用的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 相关文章推荐
javascript iframe编程相关代码
Dec 28 Javascript
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
Mar 21 Javascript
jquery+html仿翻页相册功能
Dec 20 Javascript
在Web关闭页面时发送Ajax请求的实现方法
Mar 07 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
JavaScript实现简单计算器功能
Dec 19 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
浅谈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
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
php下一个阿拉伯数字转中文数字的函数
2007/07/16 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
JS判断移动端访问设备并加载对应CSS样式
2014/06/13 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
jQuery实现区域打印功能代码详解
2016/06/17 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
javascript数据类型详解
2017/02/07 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
vue 使用localstorage实现面包屑的操作
2020/11/16 Javascript
javascript实现时钟动画
2020/12/03 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
Python通过socketserver处理多个链接
2020/03/18 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
2014/03/31 HTML / CSS
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
竞选体育委员演讲稿
2014/04/26 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android