淺談幾種常用的JS類定義方法
更新時間：2016年06月08日 16:59:32 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談幾種常用的JS類定義方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
// 方法1 對象直接量
var obj1 = {
v1 : "",
get_v1 : function() {
return this.v1;
},
set_v1 : function(v) {
this.v1 = v;
}
};
// 方法2 定義函數(shù)對象
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類定義方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了淺談Webpack 持久化緩存實踐,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了JavaScript引用賦值與傳值賦值總結(jié)，在JavaScript中基本數(shù)據(jù)類型都是傳值賦值，復(fù)合數(shù)據(jù)類型都是引用賦值(傳地址)也叫引用傳址，下文更多相關(guān)資料，需要的小伙伴可以參考一下2022-05-05
這篇文章主要為大家介紹了關(guān)于現(xiàn)代配置指南中YAML對比JSON的優(yōu)勢分析說明，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步2022-02-02
淡入淡出效果想必大家都有見到過吧，在本文將為大家介紹下使用js如何控制淡入淡出，感興趣的朋友可以參考下2013-11-11
如何延遲javascript代碼的加載，加快網(wǎng)頁的訪問速度，為了讓我們的網(wǎng)頁加載速度更快，本文總結(jié)了一下幾個注意點，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了JavaScript中的cssText是什么,style.cssText使用教程,cssText返回值是什么,需要的朋友可以參考下2014-11-11
一般情況下，使用 “=” 可以實現(xiàn)賦值。但對于數(shù)組、對象、函數(shù)等這些引用類型的數(shù)據(jù)，這個符號就不好使了。這篇文章主要介紹了JavaScript 數(shù)組的深度復(fù)制解析的相關(guān)資料,需要的朋友可以參考下2016-11-11
JavaScript數(shù)值數(shù)組排序示例分享
在Javascript中我們已知有兩個可以直接用來進行數(shù)組排序的方法reverse()和sort()。其中reverse()是按照反向?qū)τ跀?shù)組進行排序的，而sort()是按照正向進行排序的。2014-05-05
js借助ActiveXObject實現(xiàn)創(chuàng)建文件
創(chuàng)建文件的方法有很多，在本文為大家詳細介紹下js中時如何實現(xiàn)的，感興趣的朋友不要錯過了2013-09-09
彈出層想必大家都有見過吧，本示例介紹的是一個定位至屏幕居中的彈出層，個人感覺效果還不錯，感興趣的朋友可以參考下2014-05-05