CodeLab
Show Output
 
xxxxxxxxxx
44
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="utf-8">
5
    <title>JavaScript ES6 Arrow Functions Variations</title>
6
</head>
7
<body>
8
    <script>
9
    // Single parameter, single statement
10
    var greet = name => document.write("Hi " + name + "!");
11
    greet("Peter"); // Hi Peter!
12
    document.write("<br>");
13
        
14
    // Multiple arguments, single statement
15
    var multiply = (x, y) => x * y;
16
    document.write(multiply(2, 3)); // 6
17
    document.write("<br>");
18
    
19
    // Single parameter, multiple statements
20
    var test = age => {
21
        if(age > 18) {
22
            document.write("Adult");
23
        } else {
24
            document.write("Teenager");
25
        }
26
    }
27
    test(21); // Adult
28
    document.write("<br>");
29
    
30
    // Multiple parameters, multiple statements
31
    var divide = (x, y) => {
32
        if(y != 0) {
33
            return x / y;
34
        }
35
    }
36
    document.write(divide(10, 2)); // 5
37
    document.write("<br>");
38
    
39
    // No parameter, single statement
40
    var hello = () => document.write('Hello World!');
41
    hello(); // Hello World!
42
    </script>
 

在微博、微信、公众号、小程序分享此示例。 如果您觉得有帮助,请给我们一个赞。