JavaScript kemahiran contoh pembolehubah statik peribadi berorientasikan objek JavaScript_javascript

WBOY
Lepaskan: 2016-05-16 15:20:01
asal
1547 orang telah melayarinya

Artikel ini menganalisis pembolehubah statik peribadi berorientasikan objek dalam JavaScript dengan contoh. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Seperti yang kita semua tahu, prinsip pembolehubah contoh peribadi adalah berdasarkan skop.

Pembolehubah contoh peribadi dilaksanakan menggunakan kata kunci var di dalam fungsi Javascript dan hanya sah di dalam fungsi tersebut.

Tiru ini dan cadangkan penyelesaian pembolehubah statik persendirian:

<script language="javascript" type="text/javascript">
var JSClass = (function() {
 var privateStaticVariable = "私有静态变量";
 var privateStaticMethod = function() {
  alert("调用私有静态方法");
 };
 return function() {
  this.test1 = function() {
   return privateStaticVariable;
  }
  this.test2 = function(obj) {
   privateStaticVariable = obj;
  }
  this.test3 = function() {
   privateStaticMethod();
  }
 };
})();
var testObject1 = new JSClass();
var testObject2 = new JSClass();
alert(testObject1.test1());
testObject1.test2("改变的私有静态变量");
alert(testObject2.test1());
testObject2.test3();
</script>

Salin selepas log masuk

Perhatikan bahawa bukannya mentakrifkan kelas Javascript secara langsung, fungsi tanpa nama digunakan sebagai bekas untuk pembolehubah statik dan mengembalikan kelas Javascript .

Pembaca yang berminat dengan lebih banyak kandungan berkaitan JavaScript berorientasikan objek boleh menyemak topik khas tapak web ini : "Tutorial Pengenalan Berorientasikan Objek Javascript"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan