kb/data/developer.mozilla.org/en-US/docs/Glossary/Mixin-0.md

10 KiB

title chunk source category tags date_saved instance
Mixin - Glossary | MDN 1/3 https://developer.mozilla.org/en-US/docs/Glossary/Mixin reference web, html, css, javascript, documentation 2026-05-05T05:37:59.090556+00:00 kb-cron

MDN HTML HTML: Markup language

HTML reference

HTML guides

Markup languages

CSS CSS: Styling language

CSS reference

CSS guides

Layout cookbook

JavaScriptJS JavaScript: Scripting language

JS reference

JS guides

Web APIs Web APIs: Programming interfaces

Web API reference

Web API guides

All All web technology

Technologies

Topics

Learn Learn web development

Frontend developer course

Learn HTML

Learn CSS

Learn JavaScript

Tools Discover our tools

About Get to know MDN better

Blog

  1. Glossary
  2. Mixin

Mixin

A mixin is a class (interface, in WebAPI spec terms) in which some or all of its methods and/or properties are unimplemented, requiring that another class or interface provide the missing implementations. The new class or interface then includes both the properties and methods from the mixin as well as those it defines itself. All of the methods and properties are used exactly the same regardless of whether they're implemented in the mixin or the interface or class that implements the mixin. The advantage of mixins is that they can be used to simplify the design of APIs in which multiple interfaces need to include the same methods and properties. For example, the WindowOrWorkerGlobalScope mixin is used to provide methods and properties that need to be available on both the Window and WorkerGlobalScope interfaces. The mixin is implemented by both of those interfaces.

In this article

See also