あまり良いタイトルではないですが 2つの使い方があるよ、という話です。 this についてここ(JavaScriptのthis(コンテキスト)とは?)で書いたのですが、 そういえば this の話なのに new にあまり触れてなかったなと気づいた流れで、 new といえばそういえば2通りの使い方があるなということで書いてみました。 new の2通りの使い方。 var a = new function(){ // 使い方:1つ目 this.x = 'x1'; this.y = 'y1'; }; var b = new function(){ // 使い方:2つ目 var that = {}; that.x = 'x2'; that.y = 'y2'; return that; }; console.log( a.x, a.y ); // x1,y1 console.log( b.x, b.y
![JavaScriptのnewの知られざる2番目の使い方 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a44aafbd05ff548a68bdef7aa439536ff16ff3ba/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SmF2YVNjcmlwdCVFMyU4MSVBRW5ldyVFMyU4MSVBRSVFNyU5RiVBNSVFMyU4MiU4OSVFMyU4MiU4QyVFMyU4MSU5NiVFMyU4MiU4QjIlRTclOTUlQUElRTclOUIlQUUlRTMlODElQUUlRTQlQkQlQkYlRTMlODElODQlRTYlOTYlQjkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWI2ZDA0NmZjMTliYTUxYzQ3Y2Y3OWFjYThkNWZkNGQx%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGFtYW1vdG9fYWJjJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iMWYwNGFlNmYwZjI3N2E0N2RjYmJkZDJmZWNiZGVjOQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D97f8b9a864213a96733ea6299d81e27a)