高程3總結(jié)#第6章面向?qū)ο蟮某绦蛟O(shè)計

ingood 發(fā)布于2019-08-23 11:51 / 766人閱讀

摘要：面向?qū)ο蟮某绦蛟O(shè)計理解對象屬性類型創(chuàng)建自定義對象的最簡單方式就是創(chuàng)建一個的實(shí)例，然后再為它添加屬性和方法對象字面量稱為創(chuàng)建這種對象的首選方式兩種屬性數(shù)據(jù)屬性，可以讀取和寫入值，有四個描述其行為的特性表示能否通過刪除屬性從而重新定義屬性，能否

面向?qū)ο蟮某绦蛟O(shè)計 理解對象 屬性類型

創(chuàng)建自定義對象的最簡單方式就是創(chuàng)建一個Object的實(shí)例，然后再為它添加屬性和方法

var person=new Object();
person.name="Nicholas";
person.age=20;
person.job="Software Engineer";
person.sayName=function(){
  alert(this.name)
}

對象字面量稱為創(chuàng)建這種對象的首選方式

var person={
  name:"Nicholas",
  age:20,
  job:"Software Engineer",
  sayName:function(){
    alert(this.name);
  }
};

兩種屬性

數(shù)據(jù)屬性，可以讀取和寫入值，有四個描述其行為的特性

[[Configurable]]表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性，特性默認(rèn)值為true

[[Enumerable]]表示能否通過for-in循環(huán)返回屬性，特性默認(rèn)值為true

[[Writable]]表示能否修改屬性的值，特性默認(rèn)值為true

[[Value]]包含這個屬性的數(shù)據(jù)值，讀取屬性值的時候，從這個位置讀，寫入屬性值的時候，把新值保存在這個位置，特性默認(rèn)值是undefined

要修改屬性默認(rèn)的特性，使用Object.definePropery()方法，這個方法接收三個參數(shù)：屬性所在的對象、屬性的名字和一個描述符對象。

var person={};
Object.definePropery(person,"name",{
  writable:false,
  value:"Nicholas"
});
alert(person.name);//"Nicholas"
person.name="Greg";
alert(person.name);//"Nicholas"

訪問器屬性，包含一對getter和setter函數(shù)。在讀取訪問器屬性的時候，會調(diào)用getter函數(shù)，這個函數(shù)負(fù)責(zé)返回有效的值。在寫入訪問器屬性的時候，會調(diào)用setter函數(shù)并傳入新值，這個函數(shù)負(fù)責(zé)決定如何處理數(shù)據(jù)。

[[Configurable]]表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為數(shù)據(jù)屬性，特性默認(rèn)值為true

[[Enumerable]]表示能否通過for-in循環(huán)返回屬性，特性默認(rèn)值為true

[[Get]]在讀取屬性時調(diào)用的函數(shù)，默認(rèn)值為undefined

[[Set]]在寫入屬性時調(diào)用的函數(shù)，默認(rèn)值為undefined

訪問器屬性不能直接定義，必須使用Object.defineProperty()來定義

定義多個屬性

Object.defineProperties()方法可以通過描述符一次定義多個屬性，這個方法接收兩個對象參數(shù)，一個對象是要添加和修改其屬性的對象，第二個對象的屬性與第一個對象中要添加或修改的屬性一一對應(yīng)

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;
      }
    }
  }
});

讀取屬性的特性

Object.getOwnPropertyDescription()方法，可以取得給定屬性的描述符，這個方法接收兩個參數(shù)，屬性所在的對象和要讀取其描述符的屬性名稱

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.enumerable); //false
alert(typeof descriptor.get); //"function"

創(chuàng)建對象 工廠模式

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");

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

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");

只要通過new操作符來調(diào)用，那它就可以作為構(gòu)造函數(shù)

// 當(dāng)作構(gòu)造函數(shù)使用
var person = new Person("Nicholas", 29, "Software Engineer");
person.sayName(); //"Nicholas"
// 作為普通函數(shù)調(diào)用
Person("Greg", 27, "Doctor"); // 添加到 window
window.sayName(); //"Greg"
// 在另一個對象的作用域中調(diào)用
var o = new Object();
Person.call(o, "Kristen", 25, "Nurse");
o.sayName(); //"Kristen"

原型模式

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

無論什么時候，只要創(chuàng)建了一個新函數(shù)，就會根據(jù)一組特定的規(guī)則為該函數(shù)創(chuàng)建一個prototype屬性，這個屬性指向函數(shù)的原型對象，默認(rèn)情況下，所有的原型對象都會自動獲得一個constructor屬性，這個屬性包含一個指向prototype屬性所在函數(shù)的指針。

組合使用構(gòu)造函數(shù)模式和原型模式

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,Count,Van"
alert(person2.friends); //"Shelby,Count"
alert(person1.friends === person2.friends); //false
alert(person1.sayName === person2.sayName); //true

動態(tài)原型模式

function Person(name, age, job){
//屬性
this.name = name;
this.age = age;
this.job = job;
// 方法
if (typeof this.sayName != "function"){
  Person.prototype.sayName = function(){
    alert(this.name);
  };
}
}
var friend = new Person("Nicholas", 29, "Software Engineer");
friend.sayName();

寄生構(gòu)造函數(shù)模式

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"

穩(wěn)妥構(gòu)造函數(shù)模式

function Person(name, age, job){
//創(chuàng)建要返回的對象
var o = new Object();
//可以在這里定義私有變量和函數(shù)
//添加方法
o.sayName = function(){
  alert(name);
};
//返回對象
return o;
}

繼承 原型鏈

可以通過兩種方式來確定原型和實(shí)例之間的關(guān)系，第一種方式是使用instanceof操作符，只要這個操作符來測試實(shí)例與原型鏈中出現(xiàn)過的構(gòu)造函數(shù)，結(jié)果就會返回true

alert(instance instanceof Object); //true
alert(instance instanceof SuperType); //true
alert(instance instanceof SubType); //true

第二種方式是使用isPrototypeOf()方法，只要是原型鏈中出現(xiàn)過的原型，都可以說是原型鏈所派生的實(shí)例的原型，因此isPrototypeOf()方法也會返回true

alert(Object.prototype.isPrototypeOf(instance)); //true
alert(SuperType.prototype.isPrototypeOf(instance)); //true
alert(SubType.prototype.isPrototypeOf(instance)); //true

借用構(gòu)造函數(shù)

function SuperType(){
this.colors = ["red", "blue", "green"];
}
function SubType(){
// 繼承了 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"

對于原型鏈而言，借用構(gòu)造函數(shù)有一個很大的優(yōu)勢，即可以在子類型構(gòu)造函數(shù)中向超類型構(gòu)造函數(shù)傳遞參數(shù)

function SuperType(name){
  this.name = name;
}
function SubType(){
  //繼承了 SuperType，同時還傳遞了參數(shù)
  SuperType.call(this, "Nicholas");
  //實(shí)例屬性
  this.age = 29;
}
var instance = new SubType();
alert(instance.name); //"Nicholas";
alert(instance.age); //29

組合繼承

指的是將原型鏈和借用構(gòu)造函數(shù)的技術(shù)組合到一塊

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;
}
//繼承方法
SubType.prototype = new SuperType();
SubType.prototype.constructor = SubType;
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

原型式繼承

var person = {
name: "Nicholas",
friends: ["Shelby", "Court", "Van"]
};
var anotherPerson = Object.create(person);
anotherPerson.name = "Greg";
anotherPerson.friends.push("Rob");
var yetAnotherPerson = Object.create(person);
yetAnotherPerson.name = "Linda";
yetAnotherPerson.friends.push("Barbie");
alert(person.friends); //"Shelby,Court,Van,Rob,Barbie"

寄生式繼承

思路和構(gòu)造函數(shù)和工廠模式類似，即創(chuàng)建一個僅用于封裝繼承過程的函數(shù)，函數(shù)在內(nèi)部以某種方式來增強(qiáng)對象

function createAnother(original){
  var clone = object(original); //通過調(diào)用函數(shù)創(chuàng)建一個新對象
  clone.sayHi = function(){ //以某種方式來增強(qiáng)這個對象
    alert("hi");
  };
  return clone; //返回這個對象
}
var person = {
  name: "Nicholas",
  friends: ["Shelby", "Court", "Van"]
};
var anotherPerson = createAnother(person);
anotherPerson.sayHi(); //"hi"

寄生組合式繼承

無論什么情況下都會調(diào)用兩次超類型構(gòu)造函數(shù)，一次是在創(chuàng)建子類型原型的時候，另一次實(shí)在子類型構(gòu)造函數(shù)內(nèi)部

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); // 第二次調(diào)用 SuperType()
  this.age = age;
}
SubType.prototype = new SuperType(); // 第一次調(diào)用 SuperType()
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function(){
  alert(this.age);
};

云服務(wù)器 GPU云服務(wù)器面向?qū)ο笤O(shè)計模式 java 設(shè)計面向?qū)ο?/a> 明解c語言第9章 php的面向?qū)ο?/a>

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97568.html

發(fā)表評論

登陸后可評論

0條評論

ingood

男|高級講師

我要關(guān)注我要私信

TA的文章

增強(qiáng)全面從嚴(yán)治黨永遠(yuǎn)在路上的堅定和執(zhí)著——論學(xué)習(xí)貫徹黨的十九屆六中全會精神

閱讀 3116·2021-11-24 09:38
什么叫獨(dú)立主機(jī)-什么是云主機(jī)，與獨(dú)立服務(wù)器有什么區(qū)別？

閱讀 1374·2021-09-22 15:27
程序員的自我修煉——新手如何學(xué)好編程

閱讀 3002·2021-09-10 10:51
C語言進(jìn)階：指針進(jìn)階續(xù)

閱讀 1543·2021-09-09 09:33
DediPath夏季促銷：洛杉磯E3服務(wù)器每月39美元起,紐約服務(wù)器每月49美元起

閱讀 949·2021-08-09 13:47
應(yīng)該了解的 Web 圖標(biāo)解決方案

閱讀 2120·2019-08-30 13:05
Styled-Components

閱讀 920·2019-08-29 15:15
關(guān)于移動端文字無法垂直居中（或line-height不起作用）的問題的解決方案

閱讀 2486·2019-08-29 12:21

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

高程3總結(jié)#第6章面向?qū)ο蟮某绦蛟O(shè)計

相關(guān)文章

高程3總結(jié)#第8章BOM

高程3總結(jié)#第17章錯誤處理與調(diào)試

高程3總結(jié)#第16章HTML5腳本編程

高程3總結(jié)#第1章JavaScript簡介

高程3總結(jié)#第20章JSON

發(fā)表評論

0條評論

ingood

男|高級講師

TA的文章

增強(qiáng)全面從嚴(yán)治黨永遠(yuǎn)在路上的堅定和執(zhí)著——論學(xué)習(xí)貫徹黨的十九屆六中全會精神

什么叫獨(dú)立主機(jī)-什么是云主機(jī)，與獨(dú)立服務(wù)器有什么區(qū)別？

程序員的自我修煉——新手如何學(xué)好編程

C語言進(jìn)階：指針進(jìn)階續(xù)

DediPath夏季促銷：洛杉磯E3服務(wù)器每月39美元起,紐約服務(wù)器每月49美元起

應(yīng)該了解的 Web 圖標(biāo)解決方案

Styled-Components

關(guān)于移動端文字無法垂直居中（或line-height不起作用）的問題的解決方案

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

高程3總結(jié)#第6章面向?qū)ο蟮某绦蛟O(shè)計

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！