{"id":101,"date":"2018-03-07T05:53:28","date_gmt":"2018-03-06T20:53:28","guid":{"rendered":"http:\/\/batmask.dothome.co.kr\/?page_id=101"},"modified":"2018-03-07T06:23:12","modified_gmt":"2018-03-06T21:23:12","slug":"javascript_reference","status":"publish","type":"page","link":"http:\/\/batmask.net\/index.php\/references\/javascript_reference\/","title":{"rendered":"javascript \uc815\ub9ac"},"content":{"rendered":"<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc815\ub9ac<\/p>\n<p>\uc6f9\uc5d0\uc11c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ucf54\ub4dc\ub97c \ud14c\uc2a4\ud2b8 \ud574\ubcfc \uc218 \uc788\ub294 \uc0ac\uc774\ud2b8 :\u00a0<a href=\"http:\/\/jsbin.com\/\">http:\/\/jsbin.com\/<\/a><\/p>\n<p>C++\uc774\ub098 JAVA\ub97c \uc0ac\uc6a9\ud558\ub358 \uc785\uc7a5\uc5d0\uc11c \uc26c\uc6b8\uc904 \uc54c\uc558\ub294\ub370, \uc874X \uc774\ud574\uc548\ub418\ub294 \ubd80\ubd84\uc774 \ub9ce\ub2e4. {}\uc774 scope\ub97c \uc0dd\uc131\ud558\uc9c0 \uc54a\ub294\ub2e4\ub294 \uc0ac\uc2e4\ub3c4 \ucda9\uaca9\uc801\uc774\uace0, \u00a0\uac1d\uccb4\uc9c0\ud5a5\uc801 \uc0c1\uc18d\uc744 \ud558\uae30\uc704\ud55c prototype\uc740 \ud63c\ub3c8 \uadf8\uc790\uccb4. functional langauge\uc758 \ud2b9\uc131\uc778\uac74\uc9c0&#8230; \uc644\uc804 \ub2e4\ub978\uc138\uc0c1\uc774\uc5ec.<\/p>\n<p>&nbsp;<\/p>\n<blockquote><p>1. statements<\/p><\/blockquote>\n<pre class=\"lang:js decode:true \" title=\"javascript statement\">\/\/ javascript sample code\r\nvar name = \"batmask\";\r\nvar a = 2 + 1;\r\nvar b += a;\r\n\r\nfunction sampleFunction(arg1, arg2){\r\n \/\/ function code here\r\n}<\/pre>\n<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \uc790\ubc14\uc640\ub294 \uc804\ud600 \ub2e4\ub978 \uc5b8\uc5b4\uc9c0\ub9cc, \uae30\ubcf8 \uad6c\ubb38\uc740 \uc720\uc0ac\ud55c \uc810\uc774 \ub9ce\ub2e4.<\/p>\n<blockquote><p>2. data types<\/p><\/blockquote>\n<pre class=\"lang:js decode:true\">\/\/ variable\r\nvar myVar;\r\nvar myVar = undefined;\r\n\r\n\/\/ number\r\nvar number1 = 100;\r\nvar number2 = 100.1;\r\n\r\n\/\/ string\r\nvar strVar1 = \"string variable\";\r\nvar strVar2 = 'single quatation string variable';\r\n\r\n\/\/ boolean \r\nvar isRight = true;\r\nisRight = false;<\/pre>\n<p>&nbsp;<\/p>\n<p>\ub300\ubd80\ubd84\uc758 \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c \ubcc0\uc218\ub098 \ud568\uc218 \uc778\uc790\uc758 \uacbd\uc6b0, \ud0c0\uc785\uc744 \uba85\uc2dc\ud574\uc904 \ud544\uc694\uac00 \uc5c6\ub2e4. \uac12\uc744 \ub300\uc785\ud558\uac8c \ub418\uba74 \ud574\ub2f9 \ud0c0\uc785\uc758 \uac12\uc774 \ub41c\ub2e4. \ubcc0\uc218\uc758 \uc815\uc758\ub294 \uac00\ubcc0\ud615\uc744 \uc758\ubbf8\ud558\ub294 &#8216;var&#8217; \ud0a4\uc6cc\ub4dc\ub97c \uc0ac\uc6a9\ud55c\ub2e4. \u00a0\ubcc0\uc218\ub3c4 \uadf8\ub0e5 \uac1d\uccb4\ub85c \uc0dd\uac01\ud558\uba74 \ud3b8\ud558\ub2e4.<\/p>\n<p>\ub370\uc774\ud130 \ud0c0\uc785\uc73c\ub85c\ub294 number, string, boolean \uc744 \uac16\uace0 \uc788\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<blockquote><p>3. operator<\/p><\/blockquote>\n<pre class=\"lang:js decode:true\">\/\/ arithmetic, assignment\r\n+, -, *, \/, %, ++, --, =, +=, -=, *=, \/=, %= \r\n\r\n\r\n\/\/comparation\r\n==, ===, !=, !==, &gt;, &lt;, &gt;=, &lt;= \r\n\r\n\/\/ logical operator\r\n&amp;&amp;, ||, ! \r\n\r\n\/\/ conditional operator\r\nvariable = (condition) ? value1: value2 \r\n\r\n\/\/ bitwise operator\r\n&amp;, |, ~, ^, &lt;&lt;, &gt;&gt;<\/pre>\n<p>\ub2e4\ub978 \uc5b8\uc5b4\ub4e4\uacfc \uac70\uc758 \uac19\uc740 \uc5f0\uc0b0\uc790\ub4e4\uc744 \uc0ac\uc6a9\ud55c\ub2e4. \ub208\uc5ec\uaca8\ubcfc \uc810\uc740 &#8216;==&#8217; \uc640 &#8216;===&#8217; \uc815\ub3c4. &#8216;==&#8217; \ub294 \ube44\uad50\ub300\uc0c1\uc774 \ub2e4\ub978 \ud0c0\uc785\uc778 \uacbd\uc6b0, \u00a0type conversion\uc744 \ud574\uc11c \uadf8 \uac12\uc744 \ube44\uad50\ud558\ubbc0\ub85c \uc0dd\uac01\ud558\ub358 \uac12\uacfc \ub2e4\ub978 \uac12\uc744 \uc5bb\uc744 \uc218 \uc788\ub2e4. \u00a0\ubc18\uba74, &#8216;===&#8217;\ub294 \uac12\uacfc \ud0c0\uc785\uc774 \ubaa8\ub450 \ub3d9\uc77c\ud574\uc57c true\ub97c \ubc18\ud658\ud55c\ub2e4. &#8216;==&#8217;\uc5f0\uc0b0\uc790\ub294 evil twins\ub77c\uace0\uae4c\uc9c0 \ubd80\ub974\uba70 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uace0 \ubb34\uc870\uac74 &#8216;===&#8217;\uc5f0\uc0b0\uc790\ub97c \uc0ac\uc6a9\ud558\ub3c4\ub85d \uad8c\uace0\ud558\uace0 \uc788\ub2e4.<\/p>\n<p>\ub2e4\uc74c\uc740 <a href=\"http:\/\/stackoverflow.com\/questions\/359494\/does-it-matter-which-equals-operator-vs-i-use-in-javascript-comparisons\">\uc2a4\ud0dd \uc624\ubc84\ud50c\ub85c\uc6b0 \ub2f5\ubcc0<\/a>\uc911 \ud558\ub098\uc5d0\uc11c \uac00\uc838\uc628 evil twins(==)\uc758 \uc608\uc774\ub2e4.<\/p>\n<pre class=\"lang:js decode:true \" title=\"evil twins\">'' == '0'           \/\/ false\r\n0 == ''             \/\/ true\r\n0 == '0'            \/\/ true\r\n\r\nfalse == 'false'    \/\/ false\r\nfalse == '0'        \/\/ true\r\n\r\nfalse == undefined  \/\/ false\r\nfalse == null       \/\/ false\r\nnull == undefined   \/\/ true\r\n\r\n' \\t\\r\\n ' == 0     \/\/ true<\/pre>\n<p>&nbsp;<\/p>\n<blockquote><p>3. control statements<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<pre class=\"lang:js decode:true\">\/\/ if\r\n\r\nvar myVar = 11;\r\nif (myVar &lt; 10){\r\n  \/\/ code here\r\n}else if(myVar &gt; 20){\r\n  \/\/ code here \r\n}else{\r\n  \/\/ code here\r\n}\r\n\r\n\/\/ switch\r\nvar myVar = \"Earth\";\r\nswitch(myVar.toUpperCase()){\r\n  case \"SUN\":\r\n    break;\r\n  case \"EARTH\":\r\n    break;\r\n  case \"MARS\":\r\n    break;\r\n  default:\r\n}\r\n\r\n\r\n\/\/ for\r\nfor(var i=0; i &lt; 10; i++){\r\n\r\n}\r\n\r\n\/\/ for in loop\r\n\/\/ only for iterating properties of object\r\nvar me = {\r\n  name: \"batmask\",\r\n  age: 18,\r\n  sex: \"male\"\r\n};\r\n\r\nfor(var prop in me){\r\n  \r\n}\r\n\r\n\/\/ while\r\nvar isRight = false;\r\n\r\nwhile(!isRight){\r\n  isRight = true;\r\n}\r\n\r\n\/\/ do-while\r\nvar isRight = false;\r\n\r\ndo{\r\n  isRight = true;\r\n}while(!isRight);\r\n<\/pre>\n<p>switch-case\ubb38\uc5d0\uc11c C, C++\ucc98\ub7fc \uc815\uc218\ub9cc \uac00\ub2a5\ud558\uac70\ub098 \ud558\uc9c0 \uc54a\ub2e4\ub294 \uc810. for-in \ubb38\uc744 \uc0ac\uc6a9\ud560 \ub54c java\uc640 \ud63c\ub3d9\ud574\uc11c \ubc30\uc5f4\ub4f1\uc5d0 \uc0ac\uc6a9\ud558\uba74 \uc548\ub41c\ub2e4\ub294 \uc810 \uc815\ub3c4. for-in\ubb38\uc740 \uc624\uc9c1 \uac1d\uccb4\uc758 properties\ub97c \ub098\uc5f4\ud560 \ub54c\ub9cc \uc0ac\uc6a9\ud558\ub3c4\ub85d \ud55c\ub2e4.<\/p>\n<blockquote><p>4. functions<\/p><\/blockquote>\n<pre class=\"lang:js decode:true \">\/\/ usage 1\r\nfunction myFunc(arg1, arg2){\r\n  return arg1 + arg2;\r\n}\r\n\r\nmyFunc(10, 20);\r\n\r\n\r\n\/\/ usage 2\r\n\r\nvar myFunc = function(arg1, arg2){\r\n  return arg1 + arg2;\r\n}\r\n\r\nmyFunc(10, 20);<\/pre>\n<p>\ub2e4\ub978 \uc5b8\uc5b4\ub4e4\uc744 \uc0ac\uc6a9\ud558\ub2e4 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ucc98\uc74c \uc811\ud558\ub294 \ub098\ub85c\uc11c\ub294 \uccab\ubc88\uc9f8 \uc0ac\uc6a9\ubc95\uc774 \ud6e8\uc52c \uc9c1\uad00\uc801\uc774\ub2e4. \ub370\uc774\ud130 \ud0c0\uc785\uc744 \uba85\uc2dc\ud560 \ud544\uc694\uac00 \uc5c6\uc73c\ubbc0\ub85c, \ud568\uc218 \uc778\uc790\ub4e4\ub3c4 \ud14c\uc774\ud130 \ud0c0\uc785\uc5d0 \ub300\ud55c \uac83\uc740 \uc804\ud600 \ud544\uc694\uc5c6\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<blockquote><p>5. objects<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<pre class=\"lang:python decode:true\">\/\/ create object without class declaration\r\nvar me = {\r\n name: \"batmask\",\r\n age: 18,\r\n\r\n say: function(statement){\r\n return \"I say \" + statement;\r\n }\r\n};\r\n\r\n\/\/ usage\r\nconsole.log(me.name);\r\nconsole.log(me['age']);\r\ndocument.getElementById(\"result\").innerHTML = me.say(\"What the fxxx!\");\r\n\r\nconsole.log(me.marrage = false);<\/pre>\n<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \ubaa8\ub4e0 \ubcc0\uc218\ub97c \uac1d\uccb4\ub85c \uc0dd\uac01\ud558\uba74 \ub420 \uc815\ub3c4\ub85c \uac1d\uccb4\ub294 \uc911\uc694\ud558\ub2e4. \uc704\uc758 \uc608\ub294 \ub2e8\uc77c \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\ub294 \uc608\ub85c C++, java\ub4f1\uc744 \uc811\ud558\ub2e4 \ubcf4\uba74 \ub9e4\uc6b0 \ub0af\uc124\uac8c \ub290\uaef4\uc9c4\ub2e4. property \uc640 \uadf8 \uac12\uc774 &#8216;:&#8217; \ub85c \uad6c\ubd84\ub418\uc5b4 \uc788\ub2e4. \uc67c\ucabd\uc774 \ubcc0\uc218\ub77c\uace0 \uc0dd\uac01\ud558\uba74 \ub420\ub4ef\ud558\ub2e4. \u00a0\uac01 property\ub294 &#8216;,&#8217; \ub85c \uad6c\ubd84\ud558\uace0 \uc788\ub2e4. &#8216;;&#8217; \uacfc \ud63c\ub3d9\ud558\uae30 \uc27d\ub2e4. \ub4a4\uc5d0 \uc0dd\uc131\uc790\ub97c \uc774\uc6a9\ud558\ub294 \uacbd\uc6b0\uc5d0\ub294 \uc775\uc219\ud55c &#8216;;&#8217; \uc73c\ub85c \uad6c\ubd84\ud558\uace0 \uc788\ub2e4.<\/p>\n<p>\ud765\ubbf8\ub85c\uc6b4 \ubd80\ubd84\uc740 \uc18d\uc131\uc744 \ucc38\uc870\ud558\ub294 \uacbd\uc6b0 \ub2e4\ub978 \uac1d\uccb4\uc9c0\ud5a5 \uc5b8\uc5b4\uc640 \uac19\uc774 dot notation\uc744 \uc0ac\uc6a9\ud558\uae30\ub3c4 \ud558\uc9c0\ub9cc, \ub9c8\uce58 \ubc30\uc5f4\ucc98\ub7fc &#8216;[ ]&#8217; \uc5d0 \uc18d\uc131 \uc774\ub984\uc744 \ub123\uc5b4 \ucc38\uc870\ub3c4 \uac00\ub2a5\ud558\ub2e4. \ubc30\uc5f4\ubcf4\ub2e4\ub294 \ub9f5\uc774\ub77c\uace0 \ud558\ub294\uac8c \uc5b4\uc6b8\ub9ac\uaca0\ub2e4. &#8216;marrage&#8217; \uc18d\uc131\uc740 \uac1d\uccb4 \uc0dd\uc131\uc2dc \uc5c6\ub358 \uac12\uc774\uc9c0\ub9cc, \ub9c8\uce58 \uc788\ub358 \uac83\ucc98\ub7fc \uac12\uc744 \ud560\ub2f9\ud558\uace0 \uc788\ub2e4. \uc774\ucc98\ub7fc \uac1d\uccb4 \uc0dd\uc131\uc2dc \ub9cc\ub4e4\uc9c0 \uc54a\uc558\ub358 property\ub77c\ub3c4 \uc5b8\uc81c\ub4e0\uc9c0 \ub4a4\uc5d0 \ucd94\uac00\ud560 \uc218 \uc788\ub2e4.<\/p>\n<pre class=\"lang:python decode:true\">\/\/ create object from Object constructor\r\nvar me = new Object();\r\nme.name = \"batmask\";\r\nme.age = 18;\r\nme.say = function(statement){\r\n  this.statement = statement;\r\n  return \"I say \" + statement;\r\n};<\/pre>\n<p>\uac1d\uccb4\ub97c \uc0dd\uc131\ud558\ub294 \ub450\ubc88\uc9f8 \ubc29\ubc95\uc774\ub2e4. \ubaa8\ub4e0 \uac1d\uccb4\uc758 \uc0c1\uc704 \uac1d\uccb4\uc778 Object\uc758 \uc0dd\uc131\uc790\ub97c \uc774\uc6a9\ud558\ub294 \ubc29\ubc95\uc774\ub2e4. \uc774\uacbd\uc6b0, \uc18d\uc131\uacfc \uac12\uc744 \uc77c\uc77c\uc774 \ub098\uc5f4\ud574\uc11c \ubd80\uc5ec\ud560 \uc218 \ubc16\uc5d0 \uc5c6\ub2e4. say() \ud568\uc218\ub97c \ubcf4\uba74, \ud568\uc218\ub0b4\uc5d0\uc11c \uc880 \uc5b5\uc9c0\ub85c &#8216;statement&#8217; property\uc5d0 \uac12\uc744 \ud560\ub2f9\ud558\ub294 \uad6c\ubb38\uc774 \ubcf4\uc778\ub2e4. \uc774\ucc98\ub7fc \uba54\uc18c\ub4dc\ub0b4\uc5d0\uc11c \uac1d\uccb4 \uc18d\uc131\uc5d0 \uc811\uadfc\ud558\uae30 \uc704\ud574\uc120 \ubc18\ub4dc\uc2dc &#8216;this&#8217;\ud0a4\uc6cc\ub4dc\ub97c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4. \uc774\uac70 \ub9d0\ud558\ub824\uace0 \uc5b4\uac70\uc9c0\ub85c \ud55c\uc904 \ub123\uc5c8\ub2e4.<\/p>\n<pre class=\"lang:js decode:true\">function Person(name, age){\r\n  this.name = name;\r\n  this.age = age;\r\n  this.statement = \"Hi\";  \r\n\r\n  this.say = function(statement){\r\n    this.statement = statement;\r\n    return \"I say \" + statement;\r\n  };\r\n}\r\n\r\nvar me = new Person(\"batmask\", 18);\r\nme.say(\"What the ...\");<\/pre>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c \uc0dd\uc131\uc790\ub97c \uc774\uc6a9\ud55c \uac1d\uccb4 \uc0dd\uc131\uc73c\ub85c, \uae30\uc874\uc5d0 C++, java\ub97c \ud588\ub358 \ub098\uc5d0\uac8c \uac00\uc7a5 \uc775\uc219\ud55c \ud615\ud0dc\uc758 \uac1d\uccb4 \uc0dd\uc131 \ubc29\ubc95\uc774\ub2e4. \u00a0\ub2e4\uc74c\uc73c\ub85c \uac1d\uccb4\uc9c0\ud5a5\uc801 \ud2b9\uc131\uc778 \uc0c1\uc18d\uacfc \uad00\ub828\ub41c prototype\uc744 \uc54c\uc544\ubcf4\uc790.<\/p>\n<pre class=\"lang:js decode:true\">function Person(name, age){\r\n this.name = name;\r\n this.age = age;\r\n}\r\n\r\nfunction Korean(name, age){\r\n this.prototype = new Person(name, age);\r\n this.name = name;\r\n this.age = age;\r\n this.say = function(statement){\r\n return \"\ub0b4\uac00 \ub9d0\ud558\uae38, \" + statement;\r\n };\r\n}\r\n\r\nvar me = new Korean(\"batmask\", 18);\r\nvar you = new Korean(\"marry\", 20);\r\n\r\nKorean.prototype.marrage = false;\r\n\r\n\/\/ usage\r\nconsole.log(me.name);\r\nconsole.log(you.name);\r\ndocument.getElementById(\"result\").innerHTML = me.say(\"What the ...\");\r\n\r\nconsole.log(me.marrage);<\/pre>\n<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\ub294 \ud074\ub798\uc2a4\uac00 \uc5c6\ub2e4. \uadf8\ub807\uae30 \ub54c\ubb38\uc5d0 \uc0c1\uc18d\uc740 \uac1d\uccb4\uc758 \ubcf5\uc0ac\ub97c \ud1b5\ud574 \uc774\ub8e8\uc5b4\uc9c4\ub2e4. \ud504\ub85c\ud1a0\ud0c0\uc785\ub3c4 \ud558\ub098\uc758 \uac1d\uccb4\uc774\uae30 \ub54c\ubb38\uc5d0 \uc5ec\uae30\uc5d0 \uc18d\uc131\uc744 \ucd94\uac00 \uac00\ub2a5\ud558\ub2e4. \uc704 \uc608\uc5d0\uc11c \ub9c8\uc9c0\ub9c9\uc904\uc5d0 &#8216;marrage&#8217; \uc18d\uc131\uc744 \ucd94\uac00\ud558\uace0 \uc788\ub2e4. \u00a0\uc8fc\uc758\uc0ac\ud56d\uc740 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \uc81c\uacf5\ud558\uace0 \uc788\ub294 \uac1d\uccb4\ub4e4\uc758 \ud504\ub85c\ud1a0\ud0c0\uc785\uc740 \ubcc0\uacbd\ud558\uc9c0 \ub9d0\uc544\uc57c\ud55c\ub2e4.<\/p>\n<p>prototype.apply() \uc640 prototype.call()<\/p>\n<p>\uc880 \uc5b4\ub824\uc6b4 \uac1c\ub150\uc774\uc9c0\ub9cc \uac1d\uccb4\uc9c0\ud5a5 \uad6c\ud604\uc744 \uc704\ud574 \uaf2d \uc54c\uc544\uc57c \ud558\ub294 \ub0b4\uc6a9\uc774\ub2c8, \uc880 \ub354 \ucc3e\uc544\ubcf4\ub354\ub77c\ub3c4 \ud655\uc2e4\ud558\uac8c \uc54c\uc544\uc57c\uaca0\ub2e4.<\/p>\n<p>*\ucc38\uace0 :<a href=\"%20https:\/\/javascriptweblog.wordpress.com\/2010\/06\/07\/understanding-javascript-prototypes\/\">\u00a0https:\/\/javascriptweblog.wordpress.com\/2010\/06\/07\/understanding-javascript-prototypes\/<\/a><\/p>\n<p>*\ucc38\uace0 : <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Introduction_to_Object-Oriented_JavaScript\">javascript inheritance<\/a><\/p>\n<p>* \ucc38\uace0 : \uc544&#8230; \ubb50 \uc5ec\uae30\uc800\uae30 \uc124\uba85\uc774 \ub2e4 \uc81c\uac01\uac01\uc774\ub0d0 \u315c\u315c\u00a0<a href=\"http:\/\/javascript.info\/tutorial\/inheritance\">http:\/\/javascript.info\/tutorial\/inheritance<\/a><\/p>\n<p>* \ucc38\uace0 : \ud55c\uae00\uc778\ub370, \uc870\uae08 \uc77d\uc5b4\ubd24\uc9c0\ub9cc \uc88b\uc544\ubcf4\uc778\ub2e4.\u00a0<a href=\"http:\/\/unikys.tistory.com\/320\">http:\/\/unikys.tistory.com\/320<\/a>\u00a0&lt;- \uce5c\uc808\ud558\uace0 \ub9ce\uc774\uc54c\uace0 \uc124\uba85 \ub9e4\uc6b0 \uc88b\ub2e4. \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uad00\ub828 \ub2e4\ub978 \uae00\ub4e4\ub3c4 \uc788\uc73c\ub2c8 \ucd94\ucc9c.<\/p>\n<p>&nbsp;<\/p>\n<blockquote><p>6. scope<\/p><\/blockquote>\n<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 scope\ub294 \ub2e4\ub978 \uc5b8\uc5b4\uc640 \ub2e4\ub974\uac8c \ub3d9\uc791\ud558\uae30 \ub54c\ubb38\uc5d0 \uc8fc\uc758\ub97c \uc694\ud55c\ub2e4.<\/p>\n<p>* \ucc38\uace0 :\u00a0<a href=\"http:\/\/www.w3schools.com\/js\/js_scope.asp\">http:\/\/www.w3schools.com\/js\/js_scope.asp<\/a><\/p>\n<p>&#8211; local scope : \ud568\uc218 \uc548\uc5d0 \uc120\uc5b8\ub41c \ubcc0\uc218\ub294 \ud568\uc218\uc548\uc5d0\uc11c\ub9cc \uc720\ud6a8\ud55c local scope\ub97c \uac16\ub294\ub2e4.<\/p>\n<pre class=\"lang:js decode:true\">function func(){\r\n    var localVar = \"This is local variable.\";\r\n}<\/pre>\n<p>\ub2e4\ub978 \uc5b8\uc5b4\uac00 \ube14\ub7ed\ub2e8\uc704 scope\ub97c \uac16\ub294\ub370\uc5d0 \ubc18\ud574, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \ud568\uc218\ub2e8\uc704 scope\ub97c \uac16\ub294\ub2e4. \uc989, \ube14\ub7ed\uc548\uc5d0 \uc120\uc5b8\ud55c \ubcc0\uc218\ub3c4 \uac19\uc740 \ud568\uc218\ub0b4\uc5d0\uc120 \ucc38\uc870\uac00\ub2a5\ud558\ub2e4.<\/p>\n<pre class=\"lang:js decode:true \">function func(){\r\n    ...\r\n    while(true){\r\n        var c = \"Can you see me?\";\r\n        break;\r\n    }\r\n\r\n    c = \"Yes, I can\";\r\n}<\/pre>\n<p>&#8211; gloval scope : \ud568\uc218 \uc678\ubd80\uc5d0\uc11c \uc120\uc5b8\ub41c \ubcc0\uc218\ub294 global scope\ub97c \uac16\ub294\ub2e4.<\/p>\n<pre class=\"lang:js decode:true \">var glovalVar = \"This is gloval variable.\";\r\n\r\nfunction func(){\r\n\r\n}<\/pre>\n<p>\ud63c\ub780\uc2a4\ub7ec\uc6b8\uc218 \uc788\uc9c0\ub9cc, \ud568\uc218 \ub0b4\uc5d0\uc11c \uc120\uc5b8\uc5c6\uc774 \uc0ac\uc6a9\ud558\ub294 \ubcc0\uc218\ub294 \uc790\ub3d9\uc73c\ub85c global scope\ub97c \uac16\ub294\ub2e4.<\/p>\n<pre class=\"lang:js decode:true \">function func(){\r\n    glovalVar = \"This is gloval variable.\";\r\n}\r\n\r\nglovalVar = \"ok.\";<\/pre>\n<p>&nbsp;<\/p>\n<blockquote><p>7.data structure<\/p>\n<p>8.etc.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc815\ub9ac \uc6f9\uc5d0\uc11c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ucf54\ub4dc\ub97c \ud14c\uc2a4\ud2b8 \ud574\ubcfc \uc218 \uc788\ub294 \uc0ac\uc774\ud2b8 :\u00a0http:\/\/jsbin.com\/ C++\uc774\ub098 JAVA\ub97c \uc0ac\uc6a9\ud558\ub358 \uc785\uc7a5\uc5d0\uc11c \uc26c\uc6b8\uc904 \uc54c\uc558\ub294\ub370, \uc874X \uc774\ud574\uc548\ub418\ub294 \ubd80\ubd84\uc774 \ub9ce\ub2e4. {}\uc774 scope\ub97c \uc0dd\uc131\ud558\uc9c0 \uc54a\ub294\ub2e4\ub294 \uc0ac\uc2e4\ub3c4 \ucda9\uaca9\uc801\uc774\uace0, \u00a0\uac1d\uccb4\uc9c0\ud5a5\uc801 \uc0c1\uc18d\uc744 \ud558\uae30\uc704\ud55c prototype\uc740 \ud63c\ub3c8 \uadf8\uc790\uccb4. functional langauge\uc758 \ud2b9\uc131\uc778\uac74\uc9c0&#8230; \uc644\uc804 \ub2e4\ub978\uc138\uc0c1\uc774\uc5ec. &nbsp; 1. statements \/\/ javascript sample code var name = &#8220;batmask&#8221;; var <a href=\"http:\/\/batmask.net\/index.php\/references\/javascript_reference\/\" class=\"btn btn-link continue-link\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":119,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":4,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":121,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/pages\/101\/revisions\/121"}],"up":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/pages\/119"}],"wp:attachment":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/media?parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}