浅谈几种常用的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中增加参数与Json转换代码
Nov 20 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
学习JavaScript设计模式(单例模式)
Nov 26 Javascript
Bootstrap每天必学之缩略图与警示窗
Nov 29 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
简单实现JS上传图片预览功能
Apr 14 Javascript
简单谈谈axios中的get,post方法
Jun 25 Javascript
AngularJS实现表格的增删改查(仅限前端)
Jul 04 Javascript
详解AngularJS之$window窗口对象
Jan 17 Javascript
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
create-react-app 修改为多入口编译的方法
Aug 01 Javascript
layui树形菜单动态遍历的例子
Sep 23 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在文件指定行中写入代码的方法
2012/05/23 PHP
php中的动态调用实例分析
2015/01/07 PHP
php实现读取内存顺序号
2015/03/29 PHP
PHP中PDO连接数据库中各种DNS设置方法小结
2016/05/13 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
2014/04/22 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
2016/11/18 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
Javascript生成器(Generator)的介绍与使用
2021/01/31 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
深入理解python对json的操作总结
2017/01/05 Python
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
Python 内置函数globals()和locals()对比详解
2019/12/23 Python
Python实现计算长方形面积(带参数函数demo)
2020/01/18 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
Python request post上传文件常见要点
2020/11/20 Python
毕业生求职简历中的自我评价
2013/10/18 职场文书
运动会广播稿20字
2014/02/18 职场文书
幼儿园评语大全
2014/04/17 职场文书
先进典型发言材料
2014/12/30 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
Python中三种花式打印的示例详解
2022/03/19 Python