Class static initialization blocks

[hamishwillee]

https://bugzilla.mozilla.org/show_bug.cgi?id=1725689 adds support for static initialisation blocks in classes (ES13 feature). This PR adds docs - part of the work in #8606

@Rumyra I am not particularly confident of this. I don't think anything is "wrong" - I just don't think it adds anything over what the explainers from v8.dev or the 2ality.blog do. That's the problem with not being particularly confident with JavaScript - it is easy enough to paraphrase, but not do anything innovative.

Anyway, I have left in draft, so it doesn't merge until you have a chance to look at it.

I will add an interactive exmaple if you think this is otherwise OK.

[github-actions]

Preview URLs

• https://pr9281.content.dev.mdn.mozit.cloud/en-US/docs/Web/JavaScript/Reference/Classes/Class_static_initialization_blocks
• https://pr9281.content.dev.mdn.mozit.cloud/en-US/docs/Web/JavaScript/Reference/Classes/constructor
• https://pr9281.content.dev.mdn.mozit.cloud/en-US/docs/Web/JavaScript/Reference/Classes/static
• https://pr9281.content.dev.mdn.mozit.cloud/en-US/docs/Web/JavaScript/Reference/Classes

Flaws

Note! 2 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/JavaScript/Reference/Classes
Title: Classes
on GitHub
Flaw count: 2

• bad_bcd_links:
  • no explanation!
  • no explanation!

---

URL: /en-US/docs/Web/JavaScript/Reference/Classes/Class_static_initialization_blocks
Title: Class static initialization blocks
on GitHub
Flaw count: 1

• bad_bcd_queries:
  • No BCD data for query: javascript.classes.class_static_initialization_blocks

External URLs

URL: /en-US/docs/Web/JavaScript/Reference/Classes
Title: Classes
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/JavaScript/Reference/Classes/static
Title: static
on GitHub

• https://tc39.es/ (1 time) (Note! This may be a new URL 👀)
• https://tc39.es/proposal-class-fields/unified.html (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/JavaScript/Reference/Classes/constructor
Title: constructor
on GitHub

• https://github.com/GoogleChrome/samples/blob/gh-pages/classes-es6/index.html (1 time) (Note! This may be a new URL 👀)
• https://googlechrome.github.io/samples/classes-es6/index.html (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/JavaScript/Reference/Classes/Class_static_initialization_blocks
Title: Class static initialization blocks
on GitHub

• https://2ality.com/2021/09/class-static-block.html (1 time) (Note! This may be a new URL 👀)
• https://v8.dev/features/class-static-initializer-blocks (2 times) (Note! This may be a new URL 👀)

(this comment was updated 2021-09-28 03:46:32.974627)

[hamishwillee]

PS Before we are done will also cross link to the new doc from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes#static_methods_and_properties

[Rumyra]

Thanks so much @hamishwillee - I'm taking a look now 👍

[Rumyra]

Honestly I think this is good @hamishwillee - I get it's paraphrasing, but I think that's fine.

[hamishwillee]

@himanshugarg Your note appears to have gone. But in summary you're most welcome to provide feedback on anything and everything. I will be integrating the suggestions already made and tidying this up again before submitting.

[himanshugarg]

I don't remember commenting here, but if there was a note from me, it must have been unrelated and in error. Either way thanks for your note!

---

EDIT: I think you meant the other Himanshu! i.e. digi-booster

[hamishwillee]

@Rumyra Great - I've accepted your change. Will do the release note and interactive example separately. Ready for re-review.

I think this is "OK" as reference. I'm just disappointed that the source materials show a deeper understanding of the practical use of the feature. I've linked them though, so nothing is lost.

[digi-booster]

I like to suggest typo fixes to you as a reader, not as a reviewer, I hope this change will not waste your time and energy in reviewing and verifying it.

[hamishwillee]

Sure, love a good typo fix :-)