Javascript技巧

Stella981
• 阅读 384

匿名立即执行函数

     1 
 
    
    //
 
    
    ========================= 匿名立即执行函数
 
    
    

 
    
     2 
 
    
    //
 
    
     方式一,这种方式多用了一个括号,看着别扭
 
    
    

 
    
     3 
 
    
    
 
    
    (
 
    
    function
 
    
    (param) {

 
    
     4 
 
    
        alert(param);

 
    
     5 
 
    
    })(
 
    
    10
 
    
    );

 
    
     6 
 
    
    

 
    
     7 
 
    
    
 
    
    //
 
    
     方式二,使用 ! 操作符
 
    
    

 
    
     8 
 
    
    
 
    
    !
 
    
    function
 
    
    (param) {

 
    
     9 
 
    
        alert(param);

 
    
    10 
 
    
    }(
 
    
    10
 
    
    );

 
    
    11 
 
    
    sabiable 
 
    
    &&
 
    
     alert(
 
    
    '
 
    
    You are sability!
 
    
    '
 
    
    );

   
   

   使用匿名立即执行函数的好处是,可以避免变量冲突.

条件判断

      1 
 
     
     //
 
     
     ========================= 条件判断
 
     
     

 
     
      2 
 
     
     
 
     
     var
 
     
      sabiable 
 
     
     =
 
     
      
 
     
     true
 
     
     ;

 
     
      3 
 
     
     
 
     
     //
 
     
     普通方式
 
     
     

 
     
      4 
 
     
     
 
     
     if
 
     
      (sabiable) {

 
     
      5 
 
     
         alert(
 
     
     '
 
     
     You are sability!
 
     
     '
 
     
     );

 
     
      6 
 
     
     }

 
     
      7 
 
     
     

 
     
      8 
 
     
     
 
     
     //
 
     
     诡异方式,利用 ||和 && 操作符
 
     
     

 
     
      9 
 
     
     //
 
     
      a||b : 只有在a为fasle或者返回false时才会执行b,当a为true时,直接返回a,后面的b不会执行
 
     
     

 
     
     10 
 
     
     //
 
     
      a&&b : 只有在a为true或者返回true时才会执行b,当a为时,直接返回a,后面的b不会执行
 
     
     

 
     
     11 
 
     
     
 
     
     

 
     
     12 
 
     
     
 
     
     //
 
     
      上面的代码可以改为:
 
     
     

 
     
     13 
 
     
     
 
     
     sabiable 
 
     
     &&
 
     
      alert(
 
     
     '
 
     
     You are sability!
 
     
     '
 
     
     );

    
    

.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; }

点赞
收藏
评论区
推荐文章
海军 海军
3年前
浅聊函数防抖与节流
防抖(debounce)所谓防抖,就是指触发事件后n秒后才执行函数,如果在n秒内又触发了事件,则会重新计算函数执行时间。防抖类型分为1.非立即执行版2.立即执行版3.合成版本防抖防抖应用场景登录、发短信等按钮避免用户点击太快,以致于发送了多次请求调整浏览器窗口大小时,resize次数过于频繁,造成计算过多,此时需要一次到
陈发良 陈发良
3年前
总结:常用js方法
javascript函数注释/获取页面缓存@methodgetSession函数名@param参数名字符串类型,需要获取的key名@return变量名对象类型/img.onload定义和用法onload事件在图片加载完成后立即执行。判断设备constuserAgentnavigator
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
从Vue.js源码中我学到了尤大大几点精妙方法
话不多说,赶快试试尤大大教给我们的这几个精妙方法吧!在工作中肯定会用得到。立即执行函数页面加载完成后只执行一次的设置函数。(function (a, b)  console.log(a, b); // 1,2)(1, 2);通常,全局变量被作为一个参数传递给立即执行参数,这样它在函数内部不使用window也可以被访问到。(function (g
Stella981 Stella981
3年前
JS中!function(){}()的理解
这种写法,是一种立即执行函数的写法,即IIFE等设计模式。这种函数在函数定义的地方就直接执行了。理解IIFE设计模式的关键是要认识到,在ES6之前,JavaScript仅具有函数作用域(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fen.wikipedia.org%2Fwiki
Wesley13 Wesley13
3年前
JS中的匿名函数自执行、函数声明与函数表达式
先看一段jQuery源码中匿名函数自执行的例子:(function(window,undefined){//jquerycode})(window);另外一种常见的写法:function($){//jquerycode})(window
Wesley13 Wesley13
3年前
go 的匿名函数和闭包
匿名函数匿名函数是指不需要定义函数名的一种函数实现方式。在Go语言中,函数可以像普通变量一样被传递或使用,这与C语言的回调函数比较类似。不同的是,Go语言支持随时在代码里定义匿名函数。匿名函数由一个不带函数名的函数声明和函数体组成,如下所示:!(https://
Wesley13 Wesley13
3年前
Go 语言基础入门教程 —— 函数篇:匿名函数和闭包
匿名函数熟悉Laravel框架(一个PHPWeb框架)的同学对匿名函数应该很熟悉,Laravel框架中有着大量匿名函数的应用场景,比如路由定义、绑定实现到接口等://路由定义再比如Swoole中通过回调函数处理网络事件实现异步事件驱动也是匿名函数的典型应用场景://收到请求时触发可以看到,匿名函数
Wesley13 Wesley13
3年前
PHP匿名函数及闭包
匿名函数在编程语言中出现的比较早,最早出现在Lisp语言中,随后很多的编程语言都开始有这个功能了,目前使用比较广泛的Javascript以及C,PHP直到5.3才开始真正支持匿名函数,C的新标准C0x也开始支持了。匿名函数是一类不需要指定标示符,而又可以被调用的函数或子例程,匿名函数可以方便的作为参数传递给其他函数,最常见应用是作为回调函数
Wesley13 Wesley13
3年前
PHP匿名函数及闭包(精讲)
匿名函数在编程语言中出现的比较早,最早出现在Lisp语言中,随后很多的编程语言都开始有这个功能了,目前使用比较广泛的JavaScript以及C,PHP直到5.3才开始真正支持匿名函数,C的新标准C0x也开始支持了。匿名函数是一类不需要指定标示符,而又可以被调用的函数或子例程,匿名函数可以方便的作为参数传递给其他函数,最常见应