JavaScript Feature Reference: Arrow Function Syntax Web Browser Support Test

Last reviewed/updated: 26 Jan 2018 | Published: 18 Nov 2017 | Status: Active
Web browser support: Internet Explorer 10+, Edge 12+, Firefox 6+, Chrome 30+, Opera 17+

1. Introduction

In this web page there is one web browser JavaScript feature support test: a feature implementation test. The implementation test determines if the web browser recognizes the JavaScript arrow function syntax. The implementation test is a simple test for the presence of web browser support, and a definitive test for the absence of web browser support. If the web browser does not recognize the JavaScript arrow function syntax, the implementation test reports: Fail (no support): The web browser does not recognize the JavaScript arrow function syntax. The web browser does not support the JavaScript arrow function syntax. If the web browser recognizes the JavaScript arrow function syntax, the implementation test reports: Pass (at least partial/possibly full support): The web browser recognizes the JavaScript arrow function syntax. The web browser at least partially/possibly fully supports the JavaScript arrow function syntax. Positive determination of full web browser support is beyond the scope of this test.

The web browser support test source code is shown in Section 2.1. The web browser support test source code is run in Section 2.2, which shows the web browser support test result.

1.1. Arrow Function Syntax Web Browser Support

  • Pass (at least partial/possibly full support): ED12+, FF22+, CH45+, OP32+.
  • Fail (no support): IE11-, SF5.1.7-.

1.2. Abbreviations

  • IE = Internet Explorer.
  • ED = Edge Legacy 12 - 18 (EdgeHTML based) and Edge 79+ (Chromium based).
  • FF = Firefox.
  • SF = Safari.
  • CH = Chrome.
  • OP = Opera.

2. Arrow Function Syntax Web Browser Support Test

2.1. Web Browser Support Test Source Code

<p id='testId'><b>Fail</b> (no support): The web browser does not recognize the JavaScript arrow function syntax. The web browser does not support the JavaScript arrow function syntax.</p><!-- Hard code Fail because web browser no support error stops JavaScript execution. -->

<script>
var arrowFunctionOne = () => 1;
var callArrowFunctionOne = arrowFunctionOne();
var arrowFunctionTwo = param => param;
var callArrowFunctionTwo = arrowFunctionTwo(2);
var arrowFunctionThree = (param) => param;
var callArrowFunctionThree = arrowFunctionThree(3);
var arrowFunctionFour = (paramOne, paramTwo) => paramOne + paramTwo;
var callArrowFunctionFour = arrowFunctionFour(1, 3);
var arrowFunctionFive = (paramOne, paramTwo) => {
 return paramOne + paramTwo;
};
var callArrowFunctionFive = arrowFunctionFive(1, 4);
var arrowFunctionSix = () => ({keyOne: "keyOne value", keyTwo: "keyTwo value"}); // Return object literal.
var callArrowFunctionSix = arrowFunctionSix();
if ((typeof arrowFunctionOne === "function") && arrowFunctionOne instanceof Function && (typeof arrowFunctionTwo === "function") && arrowFunctionTwo instanceof Function && (typeof arrowFunctionThree === "function") && arrowFunctionThree instanceof Function && (typeof arrowFunctionFour === "function") && arrowFunctionFour instanceof Function && (typeof arrowFunctionFive === "function") && arrowFunctionFive instanceof Function && (typeof arrowFunctionSix === "function") && arrowFunctionSix instanceof Function && (callArrowFunctionOne === 1) && (callArrowFunctionTwo === 2) && (callArrowFunctionThree === 3) && (callArrowFunctionFour === 4) && (callArrowFunctionFive === 5) && (typeof callArrowFunctionSix === "object") && callArrowFunctionSix instanceof Object && (callArrowFunctionSix.keyOne === "keyOne value")){
 var element = document.getElementById("testId");
 element.innerHTML = "<b>Pass</b> (at least partial/possibly full support): The web browser recognizes the JavaScript arrow function syntax. The web browser at least partially/possibly fully supports the JavaScript arrow function syntax. Positive determination of full web browser support is beyond the scope of this test.";
}
</script>

2.2. Web Browser Support Test Result

Fail (no support): The web browser does not recognize the JavaScript arrow function syntax. The web browser does not support the JavaScript arrow function syntax.

3. Resources And Additional Information