浅谈几种常用的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 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
Apr 12 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
从源码看angular/material2 中 dialog模块的实现方法
Oct 18 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
JS实现灯泡开关特效
Mar 30 Javascript
vue3自定义dialog、modal组件的方法
Jan 04 Vue.js
浅谈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_MySQL教程-第一天
2007/03/18 PHP
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
php一些错误处理的方法与技巧总结
2013/08/10 PHP
php使用codebase生成随机数
2014/03/25 PHP
php unicode编码和字符串互转的方法
2020/08/12 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
jQuery动画animate方法使用介绍
2013/05/06 Javascript
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
2015/12/10 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
对vue里函数的调用顺序介绍
2018/03/17 Javascript
javascript实现智能手环时间显示
2020/09/18 Javascript
[08:54]《一刀刀一天》之DOTA全时刻18:十九支奔赴西雅图队伍全部出炉
2014/06/04 DOTA
Python学习小技巧之列表项的排序
2017/05/20 Python
让Python更加充分的使用Sqlite3
2017/12/11 Python
python使用matplotlib绘制雷达图
2019/10/18 Python
python画蝴蝶曲线图的实例
2019/11/21 Python
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
2012/12/28 HTML / CSS
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
Molton Brown美国官网:奢华美容、香水、沐浴和身体护理
2020/09/02 全球购物
公司司机岗位职责范本
2014/03/03 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
投资意向书范本
2014/04/01 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
《七律·长征》教学反思
2016/02/16 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电