{"id":1109,"date":"2024-12-27T17:55:06","date_gmt":"2024-12-27T08:55:06","guid":{"rendered":"https:\/\/route-zero.com\/recruit\/route\/1109\/"},"modified":"2025-03-27T10:18:31","modified_gmt":"2025-03-27T01:18:31","slug":"1109","status":"publish","type":"route","link":"https:\/\/route-zero.com\/recruit\/route\/1109\/","title":{"rendered":"JavaScript\u3067\u3088\u304f\u767a\u751f\u3059\u308b\u30a8\u30e9\u30fc\u300cReferenceError\u300d\u300cSyntaxError\u300d\u306a\u3069\u306e\u539f\u56e0\u3068\u5bfe\u7b56\u3092\u5177\u4f53\u4f8b\u4ed8\u304d\u3067\u89e3\u8aac"},"content":{"rendered":"<div>\n<h2>\u306a\u305cJavaScript\u306e\u30a8\u30e9\u30fc\u5bfe\u7b56\u304c\u91cd\u8981\u306a\u306e\u304b\uff1f<\/h2>\n<p>JavaScript\u306fWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084\u30b5\u30a4\u30c8\u3067\u5e83\u304f\u4f7f\u308f\u308c\u308b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3067\u3059\u304c\u3001\u5b9f\u88c5\u6642\u306b\u300c\u30a8\u30e9\u30fc\u300d\u306b\u76f4\u9762\u3059\u308b\u3053\u3068\u306f\u907f\u3051\u3089\u308c\u307e\u305b\u3093\u3002<br \/><strong>\u3042\u306a\u305f\u306f\u3053\u308c\u307e\u3067\u3001\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u8868\u793a\u3055\u308c\u308b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u898b\u3066\u3001\u3069\u306e\u3088\u3046\u306b\u5bfe\u51e6\u3059\u308c\u3070\u3088\u3044\u306e\u304b\u308f\u304b\u3089\u306a\u304b\u3063\u305f\u7d4c\u9a13\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/strong><br \/>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u3088\u304f\u898b\u304b\u3051\u308bJavaScript\u306e\u30a8\u30e9\u30fc\u306b\u3064\u3044\u3066\u3001\u539f\u56e0\u3084\u5bfe\u51e6\u6cd5\u3092\u5177\u4f53\u7684\u306a\u30b3\u30fc\u30c9\u4f8b\u3068\u3068\u3082\u306b\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<br \/><strong>\u5b9f\u969b\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u4f8b<\/strong>\u3082\u7d39\u4ecb\u3059\u308b\u306e\u3067\u3001\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<hr>\n<h2>\u4e3b\u8981\u306a\u30a8\u30e9\u30fc\u3068\u5177\u4f53\u7684\u306a\u89e3\u6c7a\u7b56<\/h2>\n<h3>1. ReferenceError: \u672a\u5b9a\u7fa9\u306e\u5909\u6570\u3084\u95a2\u6570<\/h3>\n<p><strong>\u539f\u56e0<\/strong>: \u30d7\u30ed\u30b0\u30e9\u30e0\u4e2d\u3067\u5b9a\u7fa9\u3057\u3066\u3044\u306a\u3044\u5909\u6570\u3084\u95a2\u6570\u3092\u547c\u3073\u51fa\u3059\u3068\u767a\u751f\u3057\u307e\u3059\u3002<\/p>\n<pre><code><span>console<\/span>.log(foo);<\/code><\/pre>\n<p><strong>\u5b9f\u969b\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong><\/p>\n<pre><code>Uncaught ReferenceError: foo <span>is<\/span> <span>not<\/span> defined\r\n    at &lt;anonymous&gt;:<span>1<\/span>:<span>13<\/span><\/code><\/pre>\n<p>\u89e3\u6c7a\u7b56<\/p>\n<ul>\n<li>\n<p>\u5909\u6570\u30fb\u95a2\u6570\u306e\u5b9a\u7fa9\u3092\u78ba\u8a8d\u3059\u308b\u3002<\/p>\n<\/li>\n<li>\n<p>\u30bf\u30a4\u30dd\uff08\u30b9\u30da\u30eb\u30df\u30b9\uff09\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u3002<\/p>\n<\/li>\n<\/ul>\n<pre><code><span>let<\/span> foo = <span>\"Hello!\"<\/span>;\r\n<span>console<\/span>.log(foo);<\/code><\/pre>\n<hr>\n<h3>2. SyntaxError: \u6587\u6cd5\u30a8\u30e9\u30fc<\/h3>\n<p><strong>\u539f\u56e0<\/strong>: \u62ec\u5f27\u3084\u30af\u30a9\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306e\u9589\u3058\u5fd8\u308c\u3001\u6587\u306e\u533a\u5207\u308a\u30df\u30b9\u306a\u3069\u3002<\/p>\n<pre><code><span>if<\/span> (<span>true<\/span> {\r\n  <span>console<\/span>.log(<span>\"Oops\"<\/span>);\r\n}<\/code><\/pre>\n<p><strong>\u5b9f\u969b\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong><\/p>\n<pre><code>Uncaught <span>SyntaxError<\/span>: Unexpected token <span>'{'<\/span>\r\n    at &lt;anonymous&gt;:<span>1<\/span>:<span>9<\/span><\/code><\/pre>\n<p>\u89e3\u6c7a\u7b56<\/p>\n<ul>\n<li>\n<p>\u62ec\u5f27\u3084\u8a18\u53f7\u306e\u6574\u5408\u6027\u3092\u78ba\u8a8d\u3002<\/p>\n<\/li>\n<li>\n<p>\u30a8\u30c7\u30a3\u30bf\u30fc\u306e\u69cb\u6587\u30c1\u30a7\u30c3\u30af\u6a5f\u80fd\u3084Prettier\u3092\u6d3b\u7528\u3002<\/p>\n<\/li>\n<\/ul>\n<pre><code><span>if<\/span> (<span>true<\/span>) {\r\n  <span>console<\/span>.log(<span>\"Correct!\"<\/span>);\r\n}<\/code><\/pre>\n<hr>\n<h3>3. TypeError: \u30c7\u30fc\u30bf\u578b\u306e\u4e0d\u4e00\u81f4\u306b\u3088\u308b\u30a8\u30e9\u30fc<\/h3>\n<p><strong>\u539f\u56e0<\/strong>: \u6587\u5b57\u5217\u306b\u5bfe\u3057\u3066\u914d\u5217\u5c02\u7528\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3046\u306a\u3069\u3001\u4e0d\u9069\u5207\u306a\u64cd\u4f5c\u306b\u3088\u3063\u3066\u767a\u751f\u3057\u307e\u3059\u3002<\/p>\n<pre><code><span>let<\/span> <span>str<\/span> = <span>\"Hello\"<\/span>;\r\n<span>str<\/span>.push(<span>\"World\"<\/span>);<\/code><\/pre>\n<p><strong>\u5b9f\u969b\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong><\/p>\n<pre><code><span>Uncaught<\/span> <span>TypeError<\/span>: <span>str<\/span><span>.push<\/span> <span>is<\/span> <span>not<\/span> <span>a<\/span> <span>function<\/span>\r\n    <span>at<\/span> &lt;<span>anonymous<\/span>&gt;<span>:2<\/span><span>:5<\/span><\/code><\/pre>\n<p>\u89e3\u6c7a\u7b56<\/p>\n<ul>\n<li>\n<p>typeof \u3084 Array.isArray() \u306a\u3069\u3067\u578b\u3092\u78ba\u8a8d\u3002<\/p>\n<\/li>\n<li>\n<p>\u6b63\u3057\u3044\u578b\u306b\u5909\u63db\u3059\u308b\u3002<\/p>\n<\/li>\n<\/ul>\n<pre><code><span>let<\/span> greeting = <span>\"Hello\"<\/span>;\r\n<span>let<\/span> arr = greeting.<span>split<\/span>(<span>\"\"<\/span>);\r\narr.push(<span>\"!\"<\/span>);\r\nconsole.log(arr.<span>join<\/span>(<span>\"\"<\/span>)); <span>\/\/ Hello!<\/span><\/code><\/pre>\n<hr>\n<h3>4. RangeError: \u518d\u5e30\u306e\u9650\u754c\u8d85\u904e<\/h3>\n<p><strong>\u539f\u56e0<\/strong>: \u7121\u9650\u518d\u5e30\u306a\u3069\u3067\u30b3\u30fc\u30eb\u30b9\u30bf\u30c3\u30af\u304c\u30aa\u30fc\u30d0\u30fc\u30d5\u30ed\u30fc\u3059\u308b\u3068\u767a\u751f\u3057\u307e\u3059\u3002<\/p>\n<pre><code><span><span>function<\/span> <span>recurse<\/span>(<span><\/span>) <\/span>{\r\n  <span>return<\/span> recurse();\r\n}\r\nrecurse();<\/code><\/pre>\n<p><strong>\u5b9f\u969b\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong><\/p>\n<pre><code><span>Uncaught<\/span> <span>RangeError<\/span>: <span>Maximum<\/span> <span>call<\/span> <span>stack<\/span> <span>size<\/span> <span>exceeded<\/span>\r\n    <span>at<\/span> <span>recurse<\/span> (&lt;<span>anonymous<\/span>&gt;<span>:2<\/span><span>:10)<\/span><\/code><\/pre>\n<p>\u89e3\u6c7a\u7b56<\/p>\n<ul>\n<li>\n<p>\u7d42\u4e86\u6761\u4ef6\uff08\u30d9\u30fc\u30b9\u30b1\u30fc\u30b9\uff09\u3092\u5fc5\u305a\u8a2d\u5b9a\u3059\u308b\u3002<\/p>\n<\/li>\n<li>\n<p>\u30eb\u30fc\u30d7\u306b\u7f6e\u304d\u63db\u3048\u308b\u3053\u3068\u3082\u691c\u8a0e\u3002<\/p>\n<\/li>\n<\/ul>\n<pre><code><span><span>function<\/span> <span>factorial<\/span>(<span>n<\/span>) <\/span>{\r\n  <span>if<\/span> (n &lt;= <span>1<\/span>) <span>return<\/span> <span>1<\/span>;\r\n  <span>return<\/span> n * factorial(n - <span>1<\/span>);\r\n}\r\n<span>console<\/span>.log(factorial(<span>5<\/span>)); <span>\/\/ 120<\/span><\/code><\/pre>\n<hr>\n<h3>5. \u975e\u540c\u671f\u51e6\u7406\u306e\u30a8\u30e9\u30fc\uff1a\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30a8\u30e9\u30fc\u3084Promise\u306e\u5931\u6557<\/h3>\n<p><strong>\u539f\u56e0<\/strong>: fetch()\u306a\u3069\u306e\u975e\u540c\u671f\u901a\u4fe1\u3067\u30a8\u30e9\u30fc\u304c\u8d77\u304d\u305f\u969b\u306b\u30ad\u30e3\u30c3\u30c1\u3055\u308c\u308b\u3002<\/p>\n<pre><code>fetch(<span>\"https:\/\/invalid-api.com\/data\"<\/span>)\r\n  .then(<span><span>res<\/span> =&gt;<\/span> res.json())\r\n  .then(<span><span>data<\/span> =&gt;<\/span> <span>console<\/span>.log(data))\r\n  .catch(<span><span>err<\/span> =&gt;<\/span> <span>console<\/span>.error(<span>\"Fetch error:\"<\/span>, err));<\/code><\/pre>\n<p><strong>\u5b9f\u969b\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong><\/p>\n<pre><code>Fetch error: <span>TypeError<\/span>: Failed to fetch<\/code><\/pre>\n<p>\u89e3\u6c7a\u7b56<\/p>\n<ul>\n<li>\n<p>.catch() \u3084 try&#8230;catch \u3092\u4f7f\u3063\u3066\u660e\u793a\u7684\u306b\u30a8\u30e9\u30fc\u3092\u51e6\u7406\u3059\u308b\u3002<\/p>\n<\/li>\n<li>\n<p>\u901a\u4fe1\u72b6\u6cc1\u3084\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u30b9\u30c6\u30fc\u30bf\u30b9\u30b3\u30fc\u30c9\u3092\u78ba\u8a8d\u3002<\/p>\n<\/li>\n<\/ul>\n<pre><code><span>async<\/span> <span><span>function<\/span> <span>fetchData<\/span>(<span><\/span>) <\/span>{\r\n  <span>try<\/span> {\r\n    <span>const<\/span> response = <span>await<\/span> fetch(<span>\"https:\/\/example.com\/api\"<\/span>);\r\n    <span>if<\/span> (!response.ok) {\r\n      <span>throw<\/span> <span>new<\/span> <span>Error<\/span>(<span>\"Network response was not ok\"<\/span>);\r\n    }\r\n    <span>const<\/span> data = <span>await<\/span> response.json();\r\n    <span>console<\/span>.log(data);\r\n  } <span>catch<\/span> (err) {\r\n    <span>console<\/span>.error(<span>\"Fetch error:\"<\/span>, err);\r\n  }\r\n}\r\nfetchData();<\/code><\/pre>\n<hr>\n<h2>\u30a8\u30e9\u30fc\u89e3\u6c7a\u306e\u30dd\u30a4\u30f3\u30c8<\/h2>\n<h3>\u89e3\u6c7a\u306e\u305f\u3081\u306e3\u3064\u306e\u30b9\u30c6\u30c3\u30d7<\/h3>\n<ol>\n<li>\n<p><strong>\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4e01\u5be7\u306b\u8aad\u3080<\/strong><\/p>\n<ul>\n<li>\n<p>\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u305f\u300c\u30d5\u30a1\u30a4\u30eb\u540d\u300d\u300c\u884c\u756a\u53f7\u300d\u300c\u30a8\u30e9\u30fc\u5185\u5bb9\u300d\u306b\u6ce8\u76ee\u3059\u308b\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>\u30b3\u30fc\u30c9\u3092\u5c0f\u3055\u304f\u5206\u5272\u3057\u3066\u78ba\u8a8d<\/strong><\/p>\n<ul>\n<li>\n<p>\u30c7\u30d0\u30c3\u30b0\u30dd\u30a4\u30f3\u30c8\u3092\u5165\u308c\u3066\u539f\u56e0\u3092\u7d5e\u308a\u8fbc\u3080\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>\u5916\u90e8\u30ea\u30bd\u30fc\u30b9\u3092\u6d3b\u7528\u3059\u308b<\/strong><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/stackoverflow.com\/\">Stack Overflow<\/a> \u3084 <a href=\"https:\/\/developer.mozilla.org\/ja\/\">MDN<\/a> \u3067\u8abf\u67fb\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<hr>\n<h2>\u307e\u3068\u3081<\/h2>\n<p>JavaScript\u3067\u767a\u751f\u3059\u308b\u30a8\u30e9\u30fc\u306f\u8ab0\u3067\u3082\u906d\u9047\u3057\u307e\u3059\u304c\u3001<strong>\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6b63\u3057\u304f\u8aad\u307f\u89e3\u304f\u529b<\/strong>\u3068<strong>\u30d1\u30bf\u30fc\u30f3\u3092\u77e5\u3063\u3066\u304a\u304f\u3053\u3068<\/strong>\u304c\u3001\u8fc5\u901f\u306a\u89e3\u6c7a\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002<\/p>\n<p>\u305c\u3072\u3001\u3053\u306e\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u305f\u30b5\u30f3\u30d7\u30eb\u3068\u5bfe\u51e6\u6cd5\u3092\u4f7f\u3063\u3066\u3001\u3042\u306a\u305f\u306e\u958b\u767a\u52b9\u7387\u3092\u30a2\u30c3\u30d7\u3055\u305b\u307e\u3057\u3087\u3046\uff01<\/p>\n<hr>\n<h2>\u3010\u5916\u90e8\u30ea\u30f3\u30af\u3011<\/h2>\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/ja\/docs\/Web\/JavaScript\/Reference\/Errors\" target=\"_blank\" rel=\"noopener\">MDN Web Docs\uff5cJavaScript \u30a8\u30e9\u30fc\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/a><\/li>\n<li><a href=\"https:\/\/stackoverflow.com\/questions\/tagged\/javascript\" target=\"_blank\" rel=\"noopener\">Stack Overflow\uff5cJavaScript\u95a2\u9023\u306eQ&#038;A<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/ja\/docs\/Web\/API\/Fetch_API\" target=\"_blank\" rel=\"noopener\">MDN Web Docs\uff5cFetch API<\/a><\/li>\n<\/ul>\n<h2>\u3010\u95a2\u9023\u8a18\u4e8b\u3011<\/h2>\n<p><a href=\"https:\/\/route-zero.com\/recruit\/route\/894\/\">\u3010\u521d\u5fc3\u8005\u3067\u3082\u7c21\u5358\uff01\u3011JavaScript\u3067\u59cb\u3081\u308b\u7c21\u5358\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\uff5c\u97f3\u58f0\u6587\u5b57\u8d77\u3053\u3057\u30c4\u30fc\u30eb\u4f5c\u6210\u30ac\u30a4\u30c9<\/a><\/p>\n<p><a href=\"https:\/\/route-zero.com\/recruit\/route\/1058\/\">\u3010JavaScript\u5165\u9580\u3011filter\u95a2\u6570\u306e\u57fa\u672c\u3068\u5b9f\u8df5\u7684\u306a\u4f7f\u3044\u65b9\u3092\u30b5\u30f3\u30d7\u30eb\u4ed8\u304d\u3067\u89e3\u8aac\uff01<\/a><\/p>\n<p><a href=\"https:\/\/route-zero.com\/recruit\/route\/965\/\">JavaScript\u306e\u914d\u5217\u30fbJSON\u30fbmap\u30fbMap\uff1a\u30c7\u30fc\u30bf\u64cd\u4f5c\u8853<\/a><\/p>\n<\/div>\n","protected":false},"featured_media":1110,"template":"","_links":{"self":[{"href":"https:\/\/route-zero.com\/recruit\/wp-json\/wp\/v2\/route\/1109"}],"collection":[{"href":"https:\/\/route-zero.com\/recruit\/wp-json\/wp\/v2\/route"}],"about":[{"href":"https:\/\/route-zero.com\/recruit\/wp-json\/wp\/v2\/types\/route"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/route-zero.com\/recruit\/wp-json\/wp\/v2\/media\/1110"}],"wp:attachment":[{"href":"https:\/\/route-zero.com\/recruit\/wp-json\/wp\/v2\/media?parent=1109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}