Belajar berorientasikan objek javascript dan memahami kemahiran objects_javascript javascript

1. Pemikiran Pengaturcaraan
Berorientasikan proses: Berpusat pada proses, diperhalusi secara beransur-ansur dari atas ke bawah, program ini dianggap sebagai koleksi panggilan fungsi
Berorientasikan objek: Objek berfungsi sebagai unit asas program dan atur cara diuraikan menjadi data dan operasi yang berkaitan
2. Kelas dan objek
Kelas: penerangan abstrak tentang perkara yang mempunyai ciri dan ciri yang sama
Objek: perkara khusus yang sepadan dengan jenis
tertentu 3. Tiga ciri utama berorientasikan objek
Enkapsulasi: Sembunyikan butiran pelaksanaan dan capai modularisasi kod
Warisan: melanjutkan modul kod sedia ada untuk mencapai penggunaan semula kod
Polimorfisme: kaedah pelaksanaan berbeza antara muka untuk mencapai penggunaan semula antara muka
4. Definisi objek: Himpunan atribut tidak tertib, yang atributnya boleh termasuk nilai asas, objek atau fungsi

//简单的对象实例
var person = new Object();
  person.name = "Nicholas";
  person.age = 29;
  person.job = "Software Engineer";
  person.sayName = function(){
    alert(this.name);
  }

5. Jenis atribut dalaman: Atribut dalaman tidak boleh diakses secara langsung ECMAScript5 meletakkannya dalam dua kurungan segi empat sama dan membahagikannya kepada atribut data dan atribut aksesori
. [1] Atribut data mengandungi lokasi nilai data di mana nilai boleh dibaca dan ditulis. Atribut data mempunyai 4 ciri:
a. [[Boleh dikonfigurasikan]]: Menunjukkan sama ada atribut boleh ditakrifkan semula dengan memadamkan atribut melalui pemadaman, sama ada ciri-ciri atribut boleh diubah suai atau sama ada atribut boleh diubah suai sebagai atribut aksesori yang ditakrifkan secara langsung pada objek, nilai lalai adalah benar b. [[Enumerable]]: Menunjukkan sama ada atribut boleh dikembalikan melalui gelung untuk-dalam Untuk atribut yang ditakrifkan secara langsung pada objek, nilai lalai adalah benar
c, [[Boleh ditulis]]: Menunjukkan sama ada nilai atribut boleh diubah suai Untuk atribut yang ditakrifkan secara langsung pada objek, nilai lalai adalah benar
d. [[Nilai]]: Mengandungi nilai data atribut ini apabila membaca nilai atribut, baca dari lokasi ini apabila menulis nilai atribut, simpan nilai baharu di lokasi ini. Sifat ditakrifkan terus pada objek, nilai lalai tidak ditentukan

[2] Sifat accessor tidak mengandungi nilai data , tetapi mengandungi sepasang fungsi getter dan setter (tetapi kedua-dua fungsi ini tidak diperlukan). Apabila sifat pengakses dibaca, fungsi pengambil dipanggil, yang bertanggungjawab untuk mengembalikan nilai yang sah apabila harta pengakses ditulis, fungsi penetap dipanggil dan nilai baharu dimasukkan, dan fungsi ini bertanggungjawab untuk menentukan caranya; untuk mengendalikan fungsi. Sifat aksesori mempunyai 4 ciri berikut: a. [[Boleh dikonfigurasikan]]: Menunjukkan sama ada atribut boleh ditakrifkan semula dengan memadamkan atribut melalui pemadaman, sama ada ciri atribut boleh diubah suai, atau sama ada atribut boleh diubah suai menjadi atribut pengakses. Sifat ditakrifkan terus pada objek, nilai lalai adalah benar
b. [[Enumerable]]: Menunjukkan sama ada atribut boleh dikembalikan melalui gelung untuk masuk Atribut ditakrifkan secara langsung pada objek Nilai lalai adalah benar c, [[Dapatkan]]: Fungsi dipanggil semasa membaca atribut. Nilai lalai tidak ditentukan
d.[[Set]]: Fungsi dipanggil semasa menulis atribut. Nilai lalai tidak ditentukan

6. Ubah suai sifat dalaman:
Gunakan kaedah object.defineProperty() ECMAScript5, yang menerima tiga parameter: objek di mana harta itu terletak, nama sifat dan objek deskriptor
[Nota 1]IE8 ialah versi penyemak imbas pertama yang melaksanakan kaedah Object.defineProperty(). Walau bagaimanapun, versi pelaksanaan ini mempunyai banyak batasan: kaedah ini hanya boleh digunakan pada objek DOM dan hanya sifat pengakses boleh dibuat. Oleh kerana pelaksanaan yang tidak lengkap, tidak disyorkan untuk menggunakan kaedah Object.defineProperty() dalam IE8
[Nota 2]Pelayar yang tidak menyokong kaedah Object.defineProperty() tidak boleh mengubah suai [[Configurable]] dan [[Enumerable]] [1] Ubah suai atribut data

//直接在对象上定义的属性，Configurable、Enumerable、Writable为true
var person = {
  name:'cook'
};
Object.defineProperty(person,'name',{
  value: 'Nicholas'
});
alert(person.name);//'Nicholas'
person.name = 'Greg';
alert(person.name);//'Greg'  

//不是在对象上定义的属性，Configurable、Enumerable、Writable为false
var person = {};
Object.defineProperty(person,'name',{
  value: 'Nicholas'
});
alert(person.name);//'Nicholas'
person.name = 'Greg';
alert(person.name);//'Nicholas'

//该例子中设置writable为false,则属性值无法被修改
var person = {};
Object.defineProperty(person,'name',{
  writable: false,
  value: 'Nicholas'
});
alert(person.name);//'Nicholas'
person.name = 'Greg';
alert(person.name);//'Nicholas'  

//该例子中设置configurable为false,则属性不可配置
var person = {};
Object.defineProperty(person,'name',{
  configurable: false,
  value: 'Nicholas'
});
alert(person.name);//'Nichols'
delete person.name;
alert(person.name);//'Nicholas'

[Nota] Setelah sesuatu sifat ditakrifkan sebagai tidak boleh dikonfigurasikan, ia tidak boleh ditukar kembali kepada boleh dikonfigurasikan Ini bermakna anda boleh memanggil Object.defineProperty() beberapa kali untuk mengubah suai sifat yang sama, tetapi selepas menetapkan boleh dikonfigurasikan kepada false , terdapat. adalah sekatan

var person = {};
Object.defineProperty(person,'name',{
  configurable: false,
  value: 'Nicholas'
});
//会报错
Object.defineProperty(person,'name',{
  configurable: true,
  value: 'Nicholas'
});

[2] Ubah suai sifat pelengkap

//简单的修改访问器属性的例子
var book = {
  _year: 2004,
  edition: 1
};
Object.defineProperty(book,'year',{
  get: function(){
    return this._year;
},
  set: function(newValue){
    if(newValue > 2004){
      this._year = newValue;
      this.edition += newValue - 2004;
    }
  }
});
book.year = 2005;
alert(book.year)//2005
alert(book.edition);//2

[Nota 1] Hanya menentukan pengambil bermakna atribut tidak boleh ditulis

var book = {
  _year: 2004,
  edition: 1
};
Object.defineProperty(book,'year',{
  get: function(){
    return this._year;
  },
});
book.year = 2005;
alert(book.year)//2004  

[Nota 2] Hanya menetapkan setter bermakna harta itu tidak boleh dibaca

var book = {
  _year: 2004,
  edition: 1
};
Object.defineProperty(book,'year',{
  set: function(newValue){
    if(newValue > 2004){
      this._year = newValue;
      this.edition += newValue - 2004;
    }
  }
});
book.year = 2005;
alert(book.year);//undefined

[Tambahan] Gunakan dua kaedah bukan standard untuk mencipta sifat pengakses: __defineGetter__() dan __defineSetter__()

var book = {
  _year: 2004,
  edition: 1
};
//定义访问器的旧有方法
book.__defineGetter__('year',function(){
  return this._year;
});
book.__defineSetter__('year',function(newValue){
  if(newValue > 2004){
    this._year = newValue;
    this.edition += newValue - 2004;
  }
});
book.year = 2005;
alert(book.year);//2005
alert(book.edition);//2

7. Tentukan berbilang sifat:

ECMAScript5 mentakrifkan kaedah Object.defineProperties(), yang boleh digunakan untuk mentakrifkan berbilang sifat sekaligus melalui deskriptor Kaedah ini menerima dua parameter objek: Pertama Objek pertama ialah objek yang sifatnya akan ditambah dan diubah suai Sifat objek kedua sepadan satu dengan satu dengan sifat objek pertama yang akan ditambah atau diubah suai

八、读取属性特性：使用ECMAScript5的Object.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符。该方法接收两个参数：属性所在对象和要读取其描述符的属性名称，返回值是一个对象。
[注意]可以针对任何对象——包括DOM和BOM对象，使用Object.getOwnPropertyDescriptor()方法

var book = {};
Object.defineProperties(book,{
  _year: {
    value: 2004
  },
  edition: {
    value: 1
  },
  year: {
    get: function(){
      return this._year;
    },
    set: function(newValue){
      if(newValue > 2004){
        this._year = newValue;
        this.edition += newValue - 2004;
      }
    }
  } 
});
var descriptor = Object.getOwnPropertyDescriptor(book,'_year');
alert(descriptor.value);//2004
alert(descriptor.configurable);//false
alert(typeof descriptor.get);//'undefined'

var descriptor = Object.getOwnPropertyDescriptor(book,'year');
alert(descriptor.value);//'undefined'
alert(descriptor.configurable);//false
alert(typeof descriptor.get);//'function'

以上就是关于javascript面向对象的详细内容介绍，希望对大家的学习有所帮助。