javascript中匿名函數調用的多種方法

目前,如下多種方式中,只能理解第一種和第二種,其餘都不明白原理,各位大神能不能解釋下?javascript

方式1,調用函數,獲得返回值。強制運算符使函數調用執行java

javascript(function(x,y){
    alert(x+y);
    return x+y;
}(3,4));

方式2,調用函數,獲得返回值。強制函數直接量執行再返回一個引用,引用再去調用執行瀏覽器

javascript(function(x,y){
    alert(x+y);
    return x+y;
})(3,4);

這種方式也是不少庫愛用的調用方式,如jQuery,Mootools。函數

方式3,使用voidthis

javascriptvoid function(x) {
      x = x-1;
      alert(x);
}(9);

方式4,使用-/+運算符code

javascript-function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

+function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

--function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

++function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

方式5,使用波浪符(~)ip

javascript~function(x, y) {
    alert(x+y);
   return x+y;
}(3, 4);

方式6,匿名函數執行放在中括號內io

javascript[function(){
   console.log(this) // 瀏覽器得控制檯輸出window
}(this)]

方式7,匿名函數前加typeofconsole

javascripttypeof function(){
   console.log(this) // 瀏覽器得控制檯輸出window
}(this)

方式8,匿名函數前加deletefunction

javascriptdelete function(){
   console.log(this) // 瀏覽器得控制檯輸出window
}(this)

方式9,匿名函數前加void

javascriptvoid function(){
   console.log(this) // 瀏覽器得控制檯輸出window
}(this)

方式10,使用new方式,傳參

javascriptnew function(win){
   console.log(win) // window
}(this)

方式11,使用new,不傳參

javascriptnew function(){
    console.log(this) // 這裏的this就不是window了
}

方式12,逗號運算符

javascript1, function(){
    console.log(this) // window
}();

方式13,按位異或運算符

javascript1^function(){
    console.log(this) // window
}();

方式14,比較運算符

javascript1>function(){
    console.log(this) // window
}();
相關文章
相關標籤/搜索