CSSMathMax: CSSMathMax()-Konstruktor
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Der CSSMathMax()-Konstruktor erstellt ein neues CSSMathMax-Objekt, das die CSS-max()-Funktion repräsentiert.
Syntax
new CSSMathMax(arg1)
new CSSMathMax(arg1, arg2)
new CSSMathMax(arg1, arg2, /* …, */ argN)
Parameter
arg1, …,argN-
Eine Liste von Zahlen oder
CSSNumericValue-Objekten.
Ausnahmen
SyntaxErrorDOMException-
Wird ausgelöst, wenn keine Argumente übergeben werden.
TypeError-
Wird ausgelöst, wenn
arg1, …,argNinkompatible Typen haben (zum Beispiel eine Mischung aus einem<length>und einem<angle>), sodass ein gemeinsamer Typ für den Vergleich nicht bestimmt werden kann.
Beispiele
Grundlegende Verwendung
Der folgende Code erstellt eine CSSMathMax-Instanz aus drei Werten und liest anschließend die operator- und values-Eigenschaften aus.
const max = new CSSMathMax(CSS.px(10), CSS.em(5), CSS.percent(50));
console.log(max.constructor.name); // "CSSMathMax"
console.log(max.operator); // 'max'
console.log(max.values); // CSSNumericArray {0: CSSUnitValue, 1: CSSUnitValue, 2: CSSUnitValue, length: 3}
console.log(max.values[0]); // CSSUnitValue {value: 10, unit: "px"}
Umgang mit inkompatiblen Typen
Der Konstruktor wirft einen TypeError, wenn die Werte nicht auf einen kompatiblen Typ auflösbar sind. Im folgenden Code mischen wir eine Länge mit einer Zeit und protokollieren den Fehler.
try {
// Mixes a length (px) with a time (s): incompatible types
new CSSMathMax(CSS.px(10), CSS.s(2));
} catch (e) {
console.log(e instanceof TypeError); // true
console.log(e.message);
}
Leere Argumente
Der Konstruktor wirft einen SyntaxError, wenn er ohne Argumente aufgerufen wird.
try {
new CSSMathMax();
} catch (e) {
console.log(e instanceof DOMException); // true
console.log(e.name); // "SyntaxError"
}
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssmathmax-cssmathmax |