浅谈几种常用的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 相关文章推荐
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
Oct 11 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
Jul 07 Javascript
vue实现引入本地json的方法分析
Jul 12 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
JS实现网页端猜数字小游戏
Mar 06 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 Javascript
js实现滚动条自动滚动
Dec 13 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/10/23 PHP
PHP调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
PHP CURL与java http使用方法详解
2018/01/26 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
javascript常见用法总结
2014/05/22 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
nodejs实现的一个简单聊天室功能分享
2014/12/06 NodeJs
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
浅谈Vue Element中Select下拉框选取值的问题
2018/03/01 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
Webpack5正式发布,有哪些新特性
2020/10/12 Javascript
python实现爬虫下载美女图片
2015/07/14 Python
Python使用redis pool的一种单例实现方式
2016/04/16 Python
Python cookbook(数据结构与算法)同时对数据做转换和换算处理操作示例
2018/03/23 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Python开发企业微信机器人每天定时发消息实例
2020/03/17 Python
Python用户自定义异常的实现
2020/12/25 Python
PyCharm 光标变成黑块的解决方式
2021/02/06 Python
CSS3的新特性介绍
2008/10/31 HTML / CSS
2014年党小组工作总结
2014/12/20 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
物流业务员岗位职责
2015/04/03 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
《仙剑客栈2》第一弹正式宣传片公开 年内发售
2022/04/07 其他游戏