


Ringkasan pembelajaran javascript harian (pengaturcaraan berorientasikan objek)_kemahiran javascript
1. Kaedah kilang berorientasikan objek
function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } var person1 = createPerson("Nicholas", 29, "Software Engineer"); var person2 = createPerson("Greg", 27, "Doctor"); person1.sayName(); //"Nicholas" person2.sayName(); //"Greg"
Kelemahan kaedah model kilang ialah ia akan menghasilkan banyak kod pendua!
2. Corak pembina mencipta objek
function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); }; } var person1 = new Person("Nicholas", 29, "Software Engineer"); var person2 = new Person("Greg", 27, "Doctor"); person1.sayName(); //"Nicholas" person2.sayName(); //"Greg" alert(person1 instanceof Object); //true alert(person1 instanceof Person); //true alert(person2 instanceof Object); //true alert(person2 instanceof Person); //true alert(person1.constructor == Person); //true alert(person2.constructor == Person); //true alert(person1.sayName == person2.sayName); //false
Menggunakan kata kunci baharu untuk mencipta objek akan melalui empat proses berikut
- 1. Cipta objek baharu
- 2. Berikan skop pembina kepada objek baharu (jadi ini menunjuk kepada objek baharu ini)
- 3. Kaedah untuk melaksanakan pembina (tetapkan nilai kepada objek baharu ini)
- 4. Kembalikan objek baharu
3. Gunakan pembina sebagai fungsi
function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); }; } var person = new Person("Nicholas", 29, "Software Engineer"); person.sayName(); //"Nicholas" Person("Greg", 27, "Doctor"); //adds to window window.sayName(); //"Greg" var o = new Object(); Person.call(o, "Kristen", 25, "Nurse"); o.sayName(); //"Kristen"
Apabila digunakan sebagai fungsi, pembina tidak berbeza daripada fungsi biasa Ia hanyalah kaedah yang ditambahkan di bawah objek tetingkap. Oleh kerana objek yang dicipta oleh pembina sebenarnya mencipta objek baru, kedua-duanya pada asasnya berbeza dan dipisahkan, dan kaedah mereka masih berbeza!
4. Gunakan kaedah biasa untuk menyelesaikan masalah yang tidak konsisten secara global
function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = sayName; } function sayName(){ alert(this.name); } var person1 = new Person("Nicholas", 29, "Software Engineer"); var person2 = new Person("Greg", 27, "Doctor"); person1.sayName(); //"Nicholas" person2.sayName(); //"Greg" alert(person1 instanceof Object); //true alert(person1 instanceof Person); //true alert(person2 instanceof Object); //true alert(person2 instanceof Person); //true alert(person1.constructor == Person); //true alert(person2.constructor == Person); //true alert(person1.sayName == person2.sayName); //true
Walaupun kaedah di atas menyelesaikan masalah yang sama, kaedah global yang ditakrifkan itu sendiri adalah milik tetingkap, jadi tiada pemisahan antara tempatan dan global! Jadi kaedah ini jarang digunakan! Tidak disyorkan juga.
5. Mod prototaip
Sebarang fungsi yang kami cipta mempunyai objek prototaip Atribut ini ialah penunjuk, yang menunjuk ke objek, dan fungsi objek ini adalah untuk mempunyai kaedah yang boleh dikongsi oleh semua kejadian jenis tertentu!
function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); person1.sayName(); //"Nicholas" var person2 = new Person(); person2.sayName(); //"Nicholas" alert(person1.sayName == person2.sayName); //true alert(Person.prototype.isPrototypeOf(person1)); //true alert(Person.prototype.isPrototypeOf(person2)); //true //only works if Object.getPrototypeOf() is available if (Object.getPrototypeOf){ alert(Object.getPrototypeOf(person1) == Person.prototype); //true alert(Object.getPrototypeOf(person1).name); //"Nicholas" }
Memahami prototaip
Setiap kali fungsi dicipta, sifat prototaip dicipta, yang menunjuk ke objek prototaip fungsi tersebut. Secara lalai, objek prototaip akan mengandungi pembina (atribut pembina), yang mengandungi penunjuk ke fungsi di mana atribut prototaip terletak!
Turutan bacaan atribut
Setiap kali kod membaca sifat objek, ia akan melakukan carian Sasaran adalah sifat dengan nama yang diberikan Carian bermula dari contoh objek itu sendiri . Jika tidak, ia akan terus mencari rantaian Prototaip sehingga lapisan paling luar rantai prototaip dicari!
function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); var person2 = new Person(); person1.name = "Greg"; alert(person1.name); //"Greg" 来自实例 alert(person2.name); //"Nicholas" 来自原型
Jika atribut instance elemen ini dipadamkan
function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); var person2 = new Person(); person1.name = "Greg"; alert(person1.name); //"Greg" ?from instance alert(person2.name); //"Nicholas" ?from prototype delete person1.name; alert(person1.name); //"Nicholas" - from the prototype
6. kaedah hasOwnProperty
Kaedah ini boleh mengesan sama ada sifat wujud dalam contoh atau dalam prototaip! hasOwnProperty diwarisi daripada Object dan akan kembali benar selagi sifat yang diberikan wujud dalam contoh objek.
function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); var person2 = new Person(); alert(person1.hasOwnProperty("name")); //false alert("name" in person1); //true person1.name = "Greg"; alert(person1.name); //"Greg" ?from instance alert(person1.hasOwnProperty("name")); //true alert("name" in person1); //true alert(person2.name); //"Nicholas" ?from prototype alert(person2.hasOwnProperty("name")); //false alert("name" in person2); //true delete person1.name; alert(person1.name); //"Nicholas" - from the prototype alert(person1.hasOwnProperty("name")); //false alert("name" in person1); //true
7. Object.keys() kaedah sifat terbilang
Kaedah ini menerima objek sebagai parameter dan mengembalikan tatasusunan rentetan yang mengandungi semua sifat terhitung
function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var keys = Object.keys(Person.prototype); alert(keys); //"name,age,job,sayName" 如果想得到所有实例的属性,无论它是否可以枚举都可以使用这个方法来获取 function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var keys = Object.getOwnPropertyNames(Person.prototype); alert(keys); //"constructor,name,age,job,sayName"
Kaedah ini hanya disokong oleh pelayar versi lebih tinggi
8. Kaedah penulisan prototaip mudah
function Person(){ } Person.prototype = { name : "Nicholas", age : 29, job: "Software Engineer", sayName : function () { alert(this.name); } }; var friend = new Person(); alert(friend instanceof Object); //true alert(friend instanceof Person); //true alert(friend.constructor == Person); //false alert(friend.constructor == Object); //true
Menulis semula prototaip adalah bersamaan dengan menulis ganti kaedah prototaip lalai, maka kaedah pembinaan yang sama juga akan ditulis semula, dan kaedah pembinaan yang ditulis semula menghala ke objek Objek! Daripada objek asal Orang
Jika anda masih mahu menunjuk kepada pembina sebelumnya, anda boleh menentukannya secara eksplisit
function Person(){ } Person.prototype = { constructor : Person, name : "Nicholas", age : 29, job: "Software Engineer", sayName : function () { alert(this.name); } }; var friend = new Person(); alert(friend instanceof Object); //true alert(friend instanceof Person); //true alert(friend.constructor == Person); //true alert(friend.constructor == Object); //false
9. Penambahan dinamik kaedah prototaip
function Person(){ } Person.prototype = { constructor: Person, name : "Nicholas", age : 29, job : "Software Engineer", sayName : function () { alert(this.name); } }; var friend = new Person(); Person.prototype.sayHi = function(){ alert("hi"); }; friend.sayHi(); //"hi" ?works!
10. Kaedah prototaip objek asli
alert(typeof Array.prototype.sort); //"function" alert(typeof String.prototype.substring); //"function" String.prototype.startsWith = function (text) {//修改原生对象的原型方法 return this.indexOf(text) == 0; }; var msg = "Hello world!"; alert(msg.startsWith("Hello")); //true
11 Cipta objek menggunakan gabungan pembina dan corak prototaip
//构造函数模式 function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.friends = ["Shelby", "Court"]; } //原型模式 Person.prototype = { constructor: Person, sayName : function () { alert(this.name); } }; var person1 = new Person("Nicholas", 29, "Software Engineer"); var person2 = new Person("Greg", 27, "Doctor"); person1.friends.push("Van"); alert(person1.friends); //"Shelby,Court,Van" alert(person2.friends); //"Shelby,Court" alert(person1.friends === person2.friends); //false alert(person1.sayName === person2.sayName); //true
12. Mod prototaip dinamik
function Person(name, age, job){ //properties this.name = name; this.age = age; this.job = job; //methods if (typeof this.sayName != "function"){ Person.prototype.sayName = function(){ alert(this.name); }; } } var friend = new Person("Nicholas", 29, "Software Engineer"); friend.sayName();
13. Corak pembina parasit
function Person(name, age, job){ var o = new Object();//依赖全局对象初始化一个对象,然后再返回这个对象 o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } var friend = new Person("Nicholas", 29, "Software Engineer"); friend.sayName(); //"Nicholas" function SpecialArray(){ //create the array var values = new Array(); //add the values values.push.apply(values, arguments); //assign the method values.toPipedString = function(){ return this.join("|"); }; //return it return values; } var colors = new SpecialArray("red", "blue", "green"); alert(colors.toPipedString()); //"red|blue|green" alert(colors instanceof SpecialArray);
Sedikit penjelasan untuk kaedah rayuan, kerana ia bergantung pada objek luar untuk mencipta objek baru, ia tidak boleh bergantung pada kaedah instanceof untuk menentukan sumber sifat dan kaedah! Ia sebenarnya tiada kaitan dengan pembina!
14. Corak pembina selamat
function Person(name, age, job){ var o = new Object(); o.sayName = function(){ alert(name); }; return o; } var friend = Person("Nicholas", 29, "Software Engineer"); friend.sayName(); //"Nicholas"
Kaedah ini tidak bergantung pada mana-mana kata kunci baharu ini! Jika anda ingin mengakses kaedah dan sifat sesuatu objek, anda hanya boleh mendapatkannya melalui kaedah yang telah ditentukan oleh objek itu!
15
Javascript melaksanakan warisan melalui rantai prototaip
function SuperType(){ this.property = true;//定义一个属性 } SuperType.prototype.getSuperValue = function(){//定义的原型方法 return this.property; }; function SubType(){ this.subproperty = false; } //inherit from SuperType SubType.prototype = new SuperType(); SubType.prototype.getSubValue = function (){ return this.subproperty; }; var instance = new SubType(); alert(instance.getSuperValue()); //true alert(instance instanceof Object); //true alert(instance instanceof SuperType); //true alert(instance instanceof SubType); //true alert(Object.prototype.isPrototypeOf(instance)); //true alert(SuperType.prototype.isPrototypeOf(instance)); //true alert(SubType.prototype.isPrototypeOf(instance)); //true SubType继承SuperType的方法和属性,因此当instance可以直接调用SuperType的方法! function SuperType(){ this.property = true; } SuperType.prototype.getSuperValue = function(){ return this.property; }; function SubType(){ this.subproperty = false; } //inherit from SuperType SubType.prototype = new SuperType(); //new method SubType.prototype.getSubValue = function (){ return this.subproperty; }; //override existing method SubType.prototype.getSuperValue = function (){ return false; }; var instance = new SubType(); alert(instance.getSuperValue()); //false
function SuperType(){ this.property = true; } SuperType.prototype.getSuperValue = function(){ return this.property; }; function SubType(){ this.subproperty = false; } //inherit from SuperType SubType.prototype = new SuperType(); //使用字面量添加的方法导致上面的方法失效了 SubType.prototype = { getSubValue : function (){ return this.subproperty; }, someOtherMethod : function (){ return false; } }; var instance = new SubType(); console.log(instance); alert(instance.getSuperValue()); //error!
function SuperType(){ this.colors = ["red", "blue", "green"]; } function SubType(){ } //inherit from SuperType SubType.prototype = new SuperType(); var instance1 = new SubType(); instance1.colors.push("black"); alert(instance1.colors); //"red,blue,green,black" var instance2 = new SubType(); alert(instance2.colors); //"red,blue,green,black"
原型共享导致两个不同的对象调用的同一个数据
16、借用构造函数来实现继承
function SuperType(){ this.colors = ["red", "blue", "green"]; } function SubType(){ //inherit from SuperType SuperType.call(this); } var instance1 = new SubType(); instance1.colors.push("black"); alert(instance1.colors); //"red,blue,green,black" var instance2 = new SubType(); alert(instance2.colors); //"red,blue,green"
传递参数
function SuperType(name){ this.name = name; } function SubType(){ //inherit from SuperType passing in an argument SuperType.call(this, "Nicholas"); //instance property this.age = 29; } var instance = new SubType(); alert(instance.name); //"Nicholas"; alert(instance.age); //29
17、组合继承方式
function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"]; } SuperType.prototype.sayName = function(){ alert(this.name); }; function SubType(name, age){ SuperType.call(this, name); this.age = age; }
18、原型继承
function object(o){ function F(){} F.prototype = o; return new F(); } var person = { name: "Nicholas", friends: ["Shelby", "Court", "Van"] }; var anotherPerson = object(person); anotherPerson.name = "Greg"; anotherPerson.friends.push("Rob");
19、寄生组合式继承
function object(o){ function F(){} F.prototype = o; return new F(); } function inheritPrototype(subType, superType){ var prototype = object(superType.prototype); //create object prototype.constructor = subType; //augment object subType.prototype = prototype; //assign object } function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"]; } SuperType.prototype.sayName = function(){ alert(this.name); }; function SubType(name, age){ SuperType.call(this, name); this.age = age; } inheritPrototype(SubType, SuperType); SubType.prototype.sayAge = function(){ alert(this.age); }; var instance1 = new SubType("Nicholas", 29); instance1.colors.push("black"); alert(instance1.colors); //"red,blue,green,black" instance1.sayName(); //"Nicholas"; instance1.sayAge(); //29 var instance2 = new SubType("Greg", 27); alert(instance2.colors); //"red,blue,green" instance2.sayName(); //"Greg"; instance2.sayAge(); //27
以上就是今天的javascript学习小结,之后每天还会继续更新,希望大家继续关注。

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Pengenalan Dalam dunia digital yang berkembang pesat hari ini, adalah penting untuk membina aplikasi WEB yang mantap, fleksibel dan boleh diselenggara. Seni bina PHPmvc menyediakan penyelesaian yang ideal untuk mencapai matlamat ini. MVC (Model-View-Controller) ialah corak reka bentuk yang digunakan secara meluas yang memisahkan pelbagai aspek aplikasi kepada komponen bebas. Asas seni bina MVC Prinsip teras seni bina MVC ialah pengasingan kebimbangan: Model: merangkum data dan logik perniagaan aplikasi. Lihat: Bertanggungjawab untuk membentangkan data dan mengendalikan interaksi pengguna. Pengawal: Menyelaras interaksi antara model dan pandangan, mengurus permintaan pengguna dan logik perniagaan. Seni Bina PHPMVC Seni bina phpMVC mengikut corak MVC tradisional tetapi juga memperkenalkan ciri khusus bahasa. Berikut ialah PHPMVC

Prinsip SOLID ialah satu set prinsip panduan dalam corak reka bentuk pengaturcaraan berorientasikan objek yang bertujuan untuk meningkatkan kualiti dan kebolehselenggaraan reka bentuk perisian. Dicadangkan oleh Robert C. Martin, prinsip SOLID termasuk: Prinsip Tanggungjawab Tunggal (SRP): Kelas harus bertanggungjawab untuk hanya satu tugas, dan tugas ini harus dirangkumkan dalam kelas. Ini boleh meningkatkan kebolehselenggaraan dan kebolehgunaan semula kelas. classUser{private$id;private$name;private$email;publicfunction__construct($id,$nam

1. Pengenalan kepada Python Python ialah bahasa pengaturcaraan tujuan umum yang mudah dipelajari dan berkuasa Ia dicipta oleh Guido van Rossum pada tahun 1991. Falsafah reka bentuk Python menekankan kebolehbacaan kod dan menyediakan pembangun perpustakaan dan alatan yang kaya untuk membantu mereka membina pelbagai aplikasi dengan cepat dan cekap. 2. Sintaks asas Python Sintaks asas Python adalah serupa dengan bahasa pengaturcaraan lain, termasuk pembolehubah, jenis data, pengendali, penyataan aliran kawalan, dsb. Pembolehubah digunakan untuk menyimpan data Jenis data mentakrifkan jenis data yang boleh disimpan oleh pembolehubah. 3. Jenis data Python dalam Python

Paradigma pengaturcaraan berorientasikan objek PHP memberikan kelebihan untuk pengurusan projek dan organisasi Dengan perkembangan pesat Internet, laman web dan aplikasi dari semua saiz telah muncul. Untuk memenuhi keperluan yang semakin meningkat dan meningkatkan kecekapan pembangunan dan kebolehselenggaraan, penggunaan pengaturcaraan berorientasikan objek (Pendek kata pengaturcaraan Berorientasikan Objek) telah menjadi arus perdana pembangunan perisian moden. Dalam bahasa skrip dinamik seperti PHP, OOP membawa banyak kelebihan kepada pengurusan dan organisasi projek

Dalam senario konkurensi tinggi pengaturcaraan berorientasikan objek, fungsi digunakan secara meluas dalam bahasa Go: Berfungsi sebagai kaedah: Fungsi boleh dilampirkan pada struktur untuk melaksanakan pengaturcaraan berorientasikan objek, mengendalikan data struktur dengan mudah dan menyediakan fungsi tertentu. Berfungsi sebagai badan pelaksanaan serentak: Fungsi boleh digunakan sebagai badan pelaksanaan goroutine untuk melaksanakan pelaksanaan tugas serentak dan meningkatkan kecekapan program. Berfungsi sebagai panggil balik: Fungsi boleh dihantar sebagai parameter kepada fungsi lain dan dipanggil apabila peristiwa atau operasi tertentu berlaku, menyediakan mekanisme panggil balik yang fleksibel.

Dalam bahasa Go, fungsi memainkan peranan penting dalam pengaturcaraan berorientasikan objek: Enkapsulasi: tingkah laku merangkum dan objek operasi. Operasi: Lakukan operasi pada objek, seperti mengubah suai nilai medan atau melaksanakan tugas.

Sambungan PHP boleh menyokong pengaturcaraan berorientasikan objek dengan mereka bentuk fungsi tersuai untuk mencipta objek, sifat akses dan kaedah panggilan. Mula-mula buat fungsi tersuai untuk membuat instantiate objek, dan kemudian tentukan fungsi yang mendapat sifat dan kaedah panggilan. Dalam pertempuran sebenar, kita boleh menyesuaikan fungsi untuk mencipta objek MyClass, mendapatkan atribut my_property dan memanggil kaedah my_methodnya.

Apakah pengaturcaraan berorientasikan objek? Pengaturcaraan berorientasikan objek (OOP) ialah paradigma pengaturcaraan yang mengabstrak entiti dunia sebenar ke dalam kelas dan menggunakan objek untuk mewakili entiti ini. Kelas mentakrifkan sifat dan tingkah laku objek, dan objek memberi contoh kelas. Kelebihan utama OOP ialah ia menjadikan kod lebih mudah difahami, diselenggara dan digunakan semula. Konsep Asas OOP Konsep utama OOP termasuk kelas, objek, sifat dan kaedah. Kelas ialah pelan tindakan sesuatu objek, yang mentakrifkan sifat dan kelakuannya. Objek ialah contoh kelas dan mempunyai semua sifat dan tingkah laku kelas. Sifat ialah ciri-ciri objek yang boleh menyimpan data. Kaedah ialah fungsi objek yang boleh beroperasi pada data objek. Kelebihan OOP Kelebihan utama OOP termasuk: Kebolehgunaan semula: OOP boleh menjadikan kod lebih banyak
