{"id":4010,"date":"2021-08-30T23:52:40","date_gmt":"2021-08-30T14:52:40","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=4010"},"modified":"2023-01-05T16:31:18","modified_gmt":"2023-01-05T07:31:18","slug":"javascript5-5","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/08\/30\/javascript5-5\/","title":{"rendered":"JavaScript5.5(\u7df4\u7fd2)"},"content":{"rendered":"

5.3\u304b\u3089\u7d9a\u304f<\/a><\/p>\n

\u2460\u30af\u30e9\u30b9\u3068\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066<\/h3>\n

HTML\u306e\u90e8\u5206<\/h4>\n
\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n   <meta charset=\"UTF-8\">\r\n   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n   <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n   <title>Document<\/title>\r\n<\/head>\r\n<body>\r\n   <script src=\"main.js\"><\/script>\r\n<\/body>\r\n<\/html><\/code><\/pre>\n<\/div>\n
Javascript\u306e\u90e8\u5206<\/h4>\n
\n
const obj = {\r\n\/\/ \u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30ad\u30fc\u304c\u3042\u308b\u3082\u306e\u304c\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\r\n    first_name: 'Suzutuki',\r\n    last_name: 'Akina',\r\n    printFullname: function() {\r\n       console.log('hello');\r\n   }\r\n}\r\n\r\n\/\/ class\u3068\u3044\u3046\u6f14\u7b97\u5b50\u3092\u7528\u3044\u3066\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u521d\u671f\u5316\u3059\u308b\u51e6\u7406\u3092\u8a18\u8f09\u3059\u308b\r\nclass Myobj {\r\n     constructor() {\r\n       this.first_name = 'Suzutuki';\r\n       this.last_name = 'Akina';\r\n}\r\n\r\n     printFullname() {\r\n       console.log('hello');\r\n  }\r\n}\r\n\/\/ new\u6f14\u7b97\u5b50\u3092\u4f7f\u3046\u3053\u3068\u306b\u3088\u3063\u3066\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u304c\u751f\u6210\u3055\u308c\u308b\r\nconst obj2 = new Myobj();\r\n\r\nobj.printFullname()\r\nobj2.printFullname()\r\nconsole.log(obj.first_name);\r\n<\/code><\/pre>\n<\/div>\n
\u691c\u8a3c\u3057\u3066\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u304b\u3081\u308b\u3068\u30fb\u30fb\u30fb<\/h2>\n
<\/p>\n
\"\"<\/p>\n
\u30af\u30e9\u30b9\u3068\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4f7f\u3044\u65b9\u306e\u304a\u3055\u3089\u3044\u304c\u3067\u304d\u305f\u3002<\/p>\n
\u2461this\u3068bind\u306b\u3064\u3044\u3066<\/h3>\n
HTML\u306e\u8a18\u8ff0<\/h4>\n
\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n\u3000\u3000\u3000<meta charset=\"UTF-8\">\r\n\u3000\u3000\u3000<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\u3000\u3000\u3000<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n\u3000\u3000\u3000<title>Document<\/title>\r\n<\/head>\r\n<body>\r\n\u3000\u3000\u3000\u3000\u3000<script src=\"main.js\"><\/script>\r\n<\/body>\r\n<\/html><\/code><\/pre>\n<\/div>\n
Javascript\u306e\u8a18\u8ff0<\/h4>\n
\n
const obj = {\r\n  first_name: \"Jirou\",\r\n  last_name: \"Yamada\",\r\n  printFullName: function () {\r\n  \/\/ \u3053\u306eThis\u306fobj\u3092\u53c2\u7167\u3059\u308b\u306e\u3067first_name: 'Jirou',last_name: 'Yamada',\u304c\u51fa\u529b\u3055\u308c\u308b\u3088\r\n    console.log(this);\r\n  \/\/ this\u3092\u56fa\u5b9a\u3059\u308b\u65b9\u6cd51: \u5909\u6570\u3068\u3057\u3066\u3053\u306e\u6642\u70b9\u306ethis\u3092\u5165\u308c\u308b\r\n    const _that = this;\r\n    window.setTimeout(function () {\r\n\/\/ \u3053\u306ethis\u306fwindow\u3092\u53c2\u7167\u3059\u308b\r\n     console.log(this);\r\n\/\/ \u3053\u3061\u3089\u306e\u3084\u308a\u65b9\u3060\u3068obj\u304c\u51fa\u529b\u3055\u308c\u308b\u3088\r\n     console.log(_that);\r\n  });\r\n },\r\n};\r\nconsole.log(obj.first_name);\r\nobj.printFullName();\r\nconst obj2 = {\r\n  first_name: \"Akina\",\r\n  last_name: \"Suzutuki\",\r\n  printFullName: function () {\r\n    setTimeout(\r\n      function () {\r\n   \/\/ \u3053\u306ethis\u306fwiondow\u3092\u53c2\u7167\u3059\u308b(bind\u304c\u306a\u3044\u5834\u5408)\r\n        console.log(this);\r\n   \/\/ this\u3092\u56fa\u5b9a\u3059\u308b\u65b9\u6cd52:.bind\u3092\u4f7f\u3046\r\n   \/\/ }.bind(this));\r\n   \/\/ this\u306ebind\u306e\u5f15\u6570\u3067\u4e0e\u3048\u305f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u5909\u3048\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u3088\r\n   }.bind({ first_name: \"Akina\" })\r\n  );\r\n },\r\n};\r\nconsole.log(obj2.first_name);\r\nobj2.printFullName();<\/code><\/pre>\n<\/div>\n
\u691c\u8a3c\u3057\u3066\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u304b\u3081\u308b\u3068\u30fb\u30fb\u30fb<\/h4>\n
\"\"<\/p>\n
console.log\u3092\u4f7f\u3063\u3066\u51e6\u7406\u306e\u6d41\u308c\u3092\u898b\u308c\u3070\u7406\u89e3\u3057\u3084\u3059\u3044\u3002<\/p>\n
\u305d\u306e\uff16\u306b\u7d9a\u304f<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
5.3\u304b\u3089\u7d9a\u304f \u2460\u30af\u30e9\u30b9\u3068\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066 HTML\u306e\u90e8\u5206 <!DOCTYPE html> <html lang=”en”> <head> <meta charset […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17,27],"tags":[],"class_list":["post-4010","post","type-post","status-publish","format-standard","hentry","category-javascript","category-programming-note"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/4010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/comments?post=4010"}],"version-history":[{"count":12,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/4010\/revisions"}],"predecessor-version":[{"id":4222,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/4010\/revisions\/4222"}],"wp:attachment":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media?parent=4010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/categories?post=4010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/tags?post=4010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}