Javascript技巧

匿名立即执行函数

1 1 2 3 4 // 5 6 7 ========================= 匿名立即执行函数 8 9 10 11 12 13 14 2 15 16 17 // 18 19 20 方式一,这种方式多用了一个括号,看着别扭 21 22 23 24 25 26 27 3 28 29 30 31 32 33 ( 34 35 36 function 37 38 39 (param) { 40 41 42 43 4 44 45 46 alert(param); 47 48 49 50 5 51 52 53 })( 54 55 56 10 57 58 59 ); 60 61 62 63 6 64 65 66 67 68 69 70 7 71 72 73 74 75 76 // 77 78 79 方式二,使用 ! 操作符 80 81 82 83 84 85 86 8 87 88 89 90 91 92 ! 93 94 95 function 96 97 98 (param) { 99 100 101 102 9 103 104 105 alert(param); 106 107 108 109 10 110 111 112 }( 113 114 115 10 116 117 118 ); 119 120 121 122 11 123 124 125 sabiable 126 127 128 && 129 130 131 alert( 132 133 134 ' 135 136 137 You are sability! 138 139 140 ' 141 142 143 ); 144 145 146 147 148 使用匿名立即执行函数的好处是,可以避免变量冲突.

条件判断

1 1 2 3 4 // 5 6 7 ========================= 条件判断 8 9 10 11 12 13 14 2 15 16 17 18 19 20 var 21 22 23 sabiable 24 25 26 = 27 28 29 30 31 32 true 33 34 35 ; 36 37 38 39 3 40 41 42 43 44 45 // 46 47 48 普通方式 49 50 51 52 53 54 55 4 56 57 58 59 60 61 if 62 63 64 (sabiable) { 65 66 67 68 5 69 70 71 alert( 72 73 74 ' 75 76 77 You are sability! 78 79 80 ' 81 82 83 ); 84 85 86 87 6 88 89 90 } 91 92 93 94 7 95 96 97 98 99 100 101 8 102 103 104 105 106 107 // 108 109 110 诡异方式,利用 ||&& 操作符 111 112 113 114 115 116 117 9 118 119 120 // 121 122 123 a||b : 只有在a为fasle或者返回false时才会执行b,当a为true,直接返回a,后面的b不会执行 124 125 126 127 128 129 130 10 131 132 133 // 134 135 136 a&&b : 只有在a为true或者返回true时才会执行b,当a为时,直接返回a,后面的b不会执行 137 138 139 140 141 142 143 11 144 145 146 147 148 149 150 151 152 153 12 154 155 156 157 158 159 // 160 161 162 上面的代码可以改为: 163 164 165 166 167 168 169 13 170 171 172 173 174 175 sabiable 176 177 178 && 179 180 181 alert( 182 183 184 ' 185 186 187 You are sability! 188 189 190 ' 191 192 193 ); 194 195 196

.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }

点赞
收藏

评论区

加载中...

相关推荐

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

浅聊函数防抖与节流

防抖(debounce)所谓防抖,就是指触发事件后n秒后才执行函数,如果在n秒内又触发了事件,则会重新计算函数执行时间。防抖类型分为1.非立即执行版2.立即执行版3.合成版本防抖防抖应用场景登录、发短信等按钮避免用户点击太快,以致于发送了多次请求调整浏览器窗口大小时,resize次数过于频繁,造成计算过多,此时需要一次到

总结:常用js方法

javascript函数注释/获取页面缓存@methodgetSession函数名@param参数名字符串类型,需要获取的key名@return变量名对象类型/img.onload定义和用法onload事件在图片加载完成后立即执行。判断设备constuserAgentnavigator

从Vue.js源码中我学到了尤大大几点精妙方法

话不多说,赶快试试尤大大教给我们的这几个精妙方法吧!在工作中肯定会用得到。立即执行函数页面加载完成后只执行一次的设置函数。(function (a, b)  console.log(a, b); // 1,2)(1, 2);通常,全局变量被作为一个参数传递给立即执行参数,这样它在函数内部不使用window也可以被访问到。(function (g

JS中!function(){}()的理解

这种写法,是一种立即执行函数的写法,即IIFE等设计模式。这种函数在函数定义的地方就直接执行了。理解IIFE设计模式的关键是要认识到,在ES6之前,JavaScript仅具有函数作用域(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fen.wikipedia.org%2Fwiki

JS中的匿名函数自执行、函数声明与函数表达式

先看一段jQuery源码中匿名函数自执行的例子:(function(window,undefined){//jquerycode})(window);另外一种常见的写法:function($){//jquerycode})(window