DE
JavaScript - Math.exp() Methode - Beispiel
3 points
Math.exp()
ist eine statische Methode, die nur einen Parameter verwendet und einen Exponentialfunktion im Bereich von 0
(exklusiv) bis +Infinity
zurückgibt.
xxxxxxxxxx
1
console.log( Math.exp( -100 ) ); // 3.720075976020836e-44
2
console.log( Math.exp( -1 ) ); // 0.36787944117144233
3
console.log( Math.exp( 0 ) ); // 1
4
console.log( Math.exp( 1 ) ); // 2.718281828459045
5
console.log( Math.exp( 100 ) ); // 2.6881171418161356e+43
6
7
console.log( Math.exp( -Infinity ) ); // 0
8
console.log( Math.exp( +Infinity ) ); // Infinity
9
console.log( Math.exp( NaN ) ); // NaN
Syntax | Math.exp(Zahl) |
Parameter | number - Wert für Ganzzahl oder Gleitkommazahl (primitiver Wert). |
Ergebnis |
Exponentialsfunktion einer Zahl im Bereich von Wenn der Wert nicht berechnet werden kann, wird |
Beschreibung |
|
xxxxxxxxxx
1
var x1 = -4; // Beginn des Sinuscharts
2
var x2 = +2.8; // Ende des Sinuscharts
3
4
var y1 = -1.0;
5
var y2 = +10.0;
6
7
var xSteps = 25;
8
var ySteps = 60;
9
10
var dx = (x2 - x1) / xSteps; // x Achsenschritt
11
var dy = (y2 - y1) / ySteps; // y Achsenschritt
12
13
function printLine(y1, y2, character) {
14
var line = '';
15
16
for(var y = y1; y < y2; y += dy) {
17
line += ' ';
18
}
19
20
console.log(line + character);
21
}
22
23
for (var rad = x1; rad < x2; rad += dx) {
24
var y = Math.exp(rad);
25
26
if (y <= y1 || y >= y2) {
27
console.log(' ');
28
} else {
29
printLine(y1, y, '+');
30
}
31
}
xxxxxxxxxx
1
2
<html>
3
<head>
4
<style> #canvas { border: 1px solid black; } </style>
5
</head>
6
<body>
7
<canvas id="canvas" width="200" height="300"></canvas>
8
<script>
9
10
var canvas = document.querySelector('#canvas');
11
var context = canvas.getContext('2d');
12
13
// Exponentialfunktionschartsbereich
14
var x1 = -0.1;
15
var x2 = +5.0;
16
var y1 = -0.1;
17
var y2 = +10.0;
18
19
var dx = 0.1;
20
21
var xRange = x2 - x1;
22
var yRange = y2 - y1;
23
24
var yScale = 0.1;
25
26
function calculatePoint(x) {
27
var y = Math.exp(x) * yScale;
28
29
// Chart wird aufgrund von umgekehrten Canvas-Pixeln horizontal umgekehrt
30
31
var nx = (x - x1) / xRange; // normaliziertes x
32
var ny = 1.0 - (y - y1) / yRange; // normaliziertes y
33
34
var point = {
35
x: nx * canvas.width,
36
y: ny * canvas.height
37
};
38
39
return point;
40
}
41
42
console.log('x range: <' + x1 + '; ' + x2 + '>');
43
console.log('y range: <' + y1 + '; ' + y2 + '>');
44
45
var point = calculatePoint(x1);
46
47
context.beginPath();
48
context.moveTo(point.x, point.y);
49
50
for (var x = x1 + dx; x < x2; x += dx) {
51
point = calculatePoint(x);
52
context.lineTo(point.x, point.y);
53
}
54
55
point = calculatePoint(x2);
56
context.lineTo(point.x, point.y);
57
context.stroke();
58
59
</script>
60
</body>
61
</html>