看全色黄大色大片免费,美女裸体18禁免费网站

腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

javascript中的面向?qū)ο?/h1>

更新時間：2017年03月30日 09:26:44 作者：閣主乄

本文主要介紹了javascript中面向?qū)ο蟮南嚓P(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧

相信大家對javascript中的面向?qū)ο髮懛ǘ疾荒吧?，那還記得有幾種創(chuàng)建對象的寫法嗎？相信大家除了自己常寫的都有點模糊了，那接下來就由我來幫大家回憶回憶吧！

1. 構(gòu)造函數(shù)模式

通過創(chuàng)建自定義的構(gòu)造函數(shù)，來定義自定義對象類型的屬性和方法。

function cons(name,age){
 this.name = name;
 this.age = age;
 this.getMes = function(){
  console.log(`my name is ${this.name},this year ${this.age}`);
 }
}
var mesge = new cons('will',21);
mesge.getMes();

2. 工廠模式

該模式抽象了創(chuàng)建具體對象的過程，用函數(shù)來封裝以特定接口創(chuàng)建對象的細節(jié)

function cons(name,age){
 var obj = new Object();
 obj.name = name;
 obj.age = age;
 obj.getMes = function(){
  console.log(`my name is ${this.name},this year ${this.age}`);
 }
 return obj;
}
var mesge = cons('will',21);
mesge.getMes();

3. 字面量模式

字面量可以用來創(chuàng)建單個對象，但如果要創(chuàng)建多個對象，會產(chǎn)生大量的重復(fù)代碼

var cons = {
 name: 'will',
 age : 21,
 getMes: function(){
  console.log(`my name is ${this.name},this year ${this.age}`);
 }
}
cons.getMes();

4. 原型模式

使用原型對象，可以讓所有實例共享它的屬性和方法

function cons(){
 cons.prototype.name = "will";
 cons.prototype.age = 21;
 cons.prototype.getMes = function(){
  console.log(`my name is ${this.name},this year ${this.age}`);
 }
}

var mesge = new cons();
mesge.getMes();

var mesge1 = new cons();
mesge1.getMes();
console.log(mesge.sayName == mesge1.sayName);//true

5. 組合模式

最常見的方式。構(gòu)造函數(shù)模式用于定義實例屬性，而原型模式用于定義方法和共享的屬性，這種組合模式還支持向構(gòu)造函數(shù)傳遞參數(shù)。實例對象都有自己的一份實例屬性的副本，同時又共享對方法的引用，最大限度地節(jié)省了內(nèi)存。該模式是目前使用最廣泛、認同度最高的一種創(chuàng)建自定義對象的模式

function cons(name,age){
 this.name = name;
 this.age = age;
 this.friends = ["arr","all"];
}
cons.prototype = {
 getMes : function(){
  console.log(`my name is ${this.name},this year ${this.age}`);
 }
}
var mesge = new cons("will",21);
var mesge1 = new cons("jalo",21);
console.log(mesge.friends);
mesge.friends.push('wc'); //還可以操作數(shù)組哈O(∩_∩)O！
console.log(mesge.friends);
console.log(mesge1.friends);
mesge.getMes();
mesge1.getMes();
console.log(mesge.friends === mesge1.friends);
console.log(mesge.sayName === mesge1.sayName);

最后在告訴你個秘密，ES6引入了類（Class），讓對象的創(chuàng)建、繼承更加直觀了

// 定義類

class Cons{
 constructor(name,age){
  this.name = name;
  this.age = age;
 }
 getMes(){
  console.log(`hello ${this.name} !`);
 }
}
let mesge = new Cons('啦啦啦~',21);
mesge.getMes();

在上面的代碼片段里，先是定義了一個Cons類，里面還有一個constructor函數(shù)，這就是構(gòu)造函數(shù)。而this關(guān)鍵字則代表實例對象。

而繼承可以通過extends關(guān)鍵字實現(xiàn)。

class Ctrn extends Cons{
 constructor(name,anu){

  super(name); //等同于super.constructor(x)
  this.anu = anu;
 }
 ingo(){
  console.log(`my name is ${this.name},this year ${this.anu}`);
 }
}
let ster = new Ctrn('will',21);
ster.ingo();
ster.getMes();

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具