ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由

ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 １．はじめに TwitterやPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!（エクスクラメーション）」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="twitter-share-button" data-via="yujiro" data-lang="ja" data-size="large">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE

[teramako]

『 結論から言うと「!」はJavaScriptの即時関数を意味します。 』斬新すぎる結論だった

[kits]

「『!』はJavaScriptの即時関数を意味します」 ! は単なる演算子なので、この説明は誤解を招くと思う。

[hylom]

そんな文法あったっけ？と思ったが、単項演算子を付けることでfunction文ではなく式として認識させる、という話なのね。なるほど。http://blog.tojiru.net/article/197270788.html

[boundaryline]

javascript 即時関数

[zetamatta]

「!」が付いていると丸括弧が省略できる

[zuborawka]

何で5種類も用意するかなぁ。 - "結論から言うと「!」はJavaScriptの即時関数を意味します。"

[TAKAyuki_atkwsk]

知らなかった

[tarchan]

＞function全体を括っているカッコの代わりにJavaScriptの単項演算子「+」「-」「!」「void」「typeof」を使うこともできる

[tmatsuu]

最近!が付けられてるの見かけたので気にはなってた。この記事の結論は置いておくとして、結局のところminifyが!に書き換えてるんじゃないかな？と思ったがどうだろう。

[terurou]

1byteでも減らしたい人向け

[d_animal141]

JavaScriptでfunctionの前に「!」がついている理由

[maxcaffy]

今度からこれ使ってどや顔しよ

[delphinus35]

なるほど。今度から使ってみよう。

[warriorking]

ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由: 小粋空間

[vitaminsii]

なるほど。勉強になります。

[girled]

なるほど、確かに単項演算子と思えば不自然ではないなあ。パズルみたいで面白い。コードゴルフやってるみたい。

[kzms2]

＼へぇー／

[sgtakeru]

functionの前のエクスクラメーションは即時関数の事。

[megamak]

びっくりしたなー

[ghostbass]

最近よく聞く「即時関数」って言い方はどうにも受け付けないな。

[tmsanrinsha]

!ビックリマーク

[knjname]

カッコで囲むの面倒いから個人的には使いたい

[kimikimi714]

そうなんだ

[tuki0918]

まず「！」ついてるのを知らなかったｗ

[rryu]

functionで始まる構文には関数定義文と関数式があるということを説明しないとさっぱりだが、単純に1文字短くなるからという訳でも無い気がするけどどうなんだろう。

[t_z]

他人のサイトを重くするから、せめて2バイトだけでも軽く……ってことなの？(´・ω・`)

[y-kawaz]

作法？単に記述量を減らす為のトリックだと思うんだが、あくまで!は単項演算子なだけであって。まぁそれを短く書きたい時の作法だと言われればそれまでだが。作法というより定石の方がまだしっくり来る。

[yoshikogahaku]

驚きを表現しているのかと思った。

[sisya]

半角エクスクラメイションが、論理判定を反転させる演算子なので、演算のために関数を即時実行するという解釈なのかな。

[suzukiMY]

即時実行関数。「(function(){ ... })();」は「!function(){ ... }();」「+function(){ ... }();」「-function(){ ... }();」「void function(){ ... }();」「typeof function(){ ... }();」に。「!」を用いると、返却値がbool型にキャストされる。