浅谈几种常用的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 相关文章推荐
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
JavaScript实现数组降维详解
Jan 05 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 Javascript
详解基于webpack和vue.js搭建开发环境
Apr 05 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
在vue中v-bind使用三目运算符绑定class的实例
Sep 29 Javascript
vue自定义指令之面板拖拽的实现
Apr 14 Javascript
基于vue实现探探滑动组件功能
May 29 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入门教程 精简版
2009/12/13 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
2016/03/25 Javascript
JavaScript中的对象继承关系
2016/08/01 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
jQuery实现的鼠标滚轮控制图片缩放功能实例
2017/10/14 jQuery
详解Nodejs内存治理
2018/05/13 NodeJs
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
vue实现标签云效果的方法详解
2019/08/28 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
2019/12/15 Javascript
python定时采集摄像头图像上传ftp服务器功能实现
2013/12/23 Python
python回调函数用法实例分析
2015/05/09 Python
python实现批量监控网站
2016/09/09 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
python opencv实现图像配准与比较
2021/02/09 Python
关于.NET, HTML的五个问题
2012/08/29 面试题
小学生国旗下演讲稿
2014/04/25 职场文书
服装发布会策划方案
2014/05/22 职场文书
食品工程专业求职信
2014/06/15 职场文书
公司委托书范本5篇
2014/09/20 职场文书
2015年元旦主持词开场白
2014/12/14 职场文书
银行自荐信范文
2015/03/25 职场文书
一个家长教育孩子的心得体会
2016/01/15 职场文书
2016继续教育培训学习心得体会
2016/01/19 职场文书
golang switch语句的灵活写法介绍
2021/05/06 Golang