国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript深入理解對象方法——Object.create()

melody_lql / 3273人閱讀

摘要:語法新創建對象的原型對象。返回值在指定原型對象上添加新屬性后的對象。例外如果參數不是或一個對象,則拋出一個異常。是在引入的,且可用。請注意,盡管在中支持設置為為,但因為那些以前版本限制,此無法支持該特性。

Object.create()

Object.create() 方法會使用指定的原型對象及其屬性去創建一個新的對象。

語法

</>復制代碼

  1. Object.create(proto[, propertiesObject])

proto
新創建對象的原型對象。

propertiesObject
可選。如果沒有指定為 undefined,則是要添加到新創建對象的可枚舉屬性(即其自身定義的屬性,而不是其原型鏈上的枚舉屬性)對象的屬性描述符以及相應的屬性名稱。這些屬性對應Object.defineProperties()的第二個參數。

返回值

在指定原型對象上添加新屬性后的對象。

例外

如果propertiesObject參數不是 null 或一個對象,則拋出一個 TypeError 異常。

例子 Object.create實現類式繼承

下面的例子演示了如何使用Object.create()來實現類式繼承。這是一個所有版本JavaScript都支持的單繼承。

</>復制代碼

  1. // Shape - superclass
  2. function Shape() {
  3. this.x = 0;
  4. this.y = 0;
  5. }
  6. // superclass method
  7. Shape.prototype.move = function(x, y) {
  8. this.x += x;
  9. this.y += y;
  10. console.info("Shape moved.");
  11. };
  12. // Rectangle - subclass
  13. function Rectangle() {
  14. Shape.call(this); // call super constructor.
  15. }
  16. // subclass extends superclass
  17. Rectangle.prototype = Object.create(Shape.prototype);
  18. Rectangle.prototype.constructor = Rectangle;
  19. var rect = new Rectangle();
  20. console.log("Is rect an instance of Rectangle?",
  21. rect instanceof Rectangle); // true
  22. console.log("Is rect an instance of Shape?",
  23. rect instanceof Shape); // true
  24. rect.move(1, 1); // Outputs, "Shape moved."

如果你希望能繼承到多個對象,則可以使用混入的方式。

</>復制代碼

  1. function MyClass() {
  2. SuperClass.call(this);
  3. OtherSuperClass.call(this);
  4. }
  5. // inherit one class
  6. MyClass.prototype = Object.create(SuperClass.prototype);
  7. // mixin another
  8. Object.assign(MyClass.prototype, OtherSuperClass.prototype);
  9. // re-assign constructor
  10. MyClass.prototype.constructor = MyClass;
  11. MyClass.prototype.myMethod = function() {
  12. // do a thing
  13. };

Object.assign 會把 OtherSuperClass原型上的函數拷貝到 MyClass原型上,使 MyClass 的所有實例都可用 OtherSuperClass 的方法。Object.assign 是在 ES2015 引入的,且可用 polyfilled。要支持舊瀏覽器的話,可用使用 jQuery.extend() 或者 _.assign()。

使用 Object.createpropertyObject參數

</>復制代碼

  1. var o;
  2. // 創建一個原型為null的空對象
  3. o = Object.create(null);
  4. o = {};
  5. // 以字面量方式創建的空對象就相當于:
  6. o = Object.create(Object.prototype);
  7. o = Object.create(Object.prototype, {
  8. // foo會成為所創建對象的數據屬性
  9. foo: {
  10. writable:true,
  11. configurable:true,
  12. value: "hello"
  13. },
  14. // bar會成為所創建對象的訪問器屬性
  15. bar: {
  16. configurable: false,
  17. get: function() { return 10 },
  18. set: function(value) {
  19. console.log("Setting `o.bar` to", value);
  20. }
  21. }
  22. });
  23. function Constructor(){}
  24. o = new Constructor();
  25. // 上面的一句就相當于:
  26. o = Object.create(Constructor.prototype);
  27. // 當然,如果在Constructor函數中有一些初始化代碼,Object.create不能執行那些代碼
  28. // 創建一個以另一個空對象為原型,且擁有一個屬性p的對象
  29. o = Object.create({}, { p: { value: 42 } })
  30. // 省略了的屬性特性默認為false,所以屬性p是不可寫,不可枚舉,不可配置的:
  31. o.p = 24
  32. o.p
  33. //42
  34. o.q = 12
  35. for (var prop in o) {
  36. console.log(prop)
  37. }
  38. //"q"
  39. delete o.p
  40. //false
  41. //創建一個可寫的,可枚舉的,可配置的屬性p
  42. o2 = Object.create({}, {
  43. p: {
  44. value: 42,
  45. writable: true,
  46. enumerable: true,
  47. configurable: true
  48. }
  49. });
Polyfill

這個 polyfill 涵蓋了主要的應用場景,它創建一個已經選擇了原型的新對象,但沒有把第二個參數考慮在內。

請注意,盡管在 ES5 中 Object.create支持設置為[[Prototype]]null,但因為那些ECMAScript5以前版本限制,此 polyfill 無法支持該特性。

</>復制代碼

  1. if (typeof Object.create !== "function") {
  2. Object.create = function (proto, propertiesObject) {
  3. if (!(proto === null || typeof proto === "object" || typeof proto === "function")) {
  4. throw TypeError("Argument must be an object, or null");
  5. }
  6. var temp = new Object();
  7. temp.__proto__ = proto;
  8. if(typeof propertiesObject ==="object")
  9. Object.defineProperties(temp,propertiesObject);
  10. return temp;
  11. };
  12. }

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/89133.html

相關文章

  • 深入理解 js 之繼承與原型鏈

    摘要:原型鏈與繼承當談到繼承時,只有一種結構對象。如果對該圖不怎么理解,不要著急,繼續往下看基于原型鏈的繼承對象是動態的屬性包指其自己的屬性。當使用操作符來作用這個函數時,它就可以被稱為構造方法構造函數。 原型鏈與繼承 當談到繼承時,JavaScript 只有一種結構:對象。每個實例對象(object )都有一個私有屬性(稱之為proto)指向它的原型對象(prototype)。該原型對象也...

    xingqiba 評論0 收藏0
  • 深入理解 JavaScript 原型繼承

    摘要:下面輪到我們的主角原型繼承登場了,它從另一個角度解決了重用的問題。原型繼承的原理原型對象中的由兩部分組成,普通屬性的集合,和原型屬性。原型繼承的實現在上面的例子中,通過直接修改了屬性值,實現了原型繼承。使用原型繼承,同樣可以達到重用的目的。 繼承的本質:重用 在探討 JavaScript 的原型繼承之前,先不妨想想為什么要繼承? 考慮一個場景,如果我們有兩個對象,它們一部分屬性相同,另...

    UCloud 評論0 收藏0
  • 深入JavaScript(一)this & Prototype

    摘要:然而事實上并不是。函數本身也是一個對象,但是給這個對象添加屬性并不能影響。一圖勝千言作者給出的解決方案,沒有麻煩的,沒有虛偽的,沒有混淆視線的,原型鏈連接不再赤裸裸。所以是這樣的一個函數以為構造函數,為原型。 注意:本文章是個人《You Don’t Know JS》的讀書筆記。在看backbone源碼的時候看到這么一小段,看上去很小,其實忽略了也沒有太大理解的問題。但是不知道為什么,我...

    The question 評論0 收藏0
  • JavaScript深入各種繼承

    摘要:通常有這兩種繼承方式接口繼承和實現繼承。理解繼承的工作是通過調用函數實現的,所以是寄生,將繼承工作寄托給別人做,自己只是做增強工作。適用基于某個對象或某些信息來創建對象,而不考慮自定義類型和構造函數。 一、繼承的概念 繼承,是面向對象語言的一個重要概念。通常有這兩種繼承方式:接口繼承和實現繼承。接口繼承只繼承方法簽名,而實現繼承則繼承實際的方法。 《JS高程》里提到:由于函數沒有簽名,...

    tomlingtm 評論0 收藏0
  • JavaScript深入理解對象方法——Object.entries()

    摘要:返回值給定對象自身可枚舉屬性的鍵值對數組。描述返回一個數組,其元素是與直接在上找到的可枚舉屬性鍵值對相對應的數組。屬性的順序與通過手動循環對象的屬性值所給出的順序相同。借助方法你可以很容易的將轉換為你可以使用下面列出的簡易。 Object.entries() Object.entries()方法返回一個給定對象自身可枚舉屬性的鍵值對數組,其排列與使用 for...in 循環遍歷該對象時...

    dance 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<