经常在JS中见一些代码直接if(参数)，然后参数调用的时候是将元素自己传下去。例如下面代码:

    <body>

    <input type="text" name="" id="" value="111222" onclick="test1(this)" />

    <input type="text" name="" id="" value="111222" onclick="test1()" />

    </body>

    <script>

        function test1(obj){

            if(obj){

                alert($(obj).val());

            }else{

                alert("has not obj");

            }

        }

    </script>

　　我们分别点击上面的两个输入框显示如下:

解释:实际上相当于java中的重载，如果传参数了就走if(obj)，不传参数就走else。

　　也就是如果参数不为空或者nul或者undefinedl或者“”空串则if(obj)成立。

进一步的测试:

    <script>

        function test1(obj){

            if(obj){

                alert("has obj");

            }else{

                alert("has not obj");

            }

        }

        test1();//has not obj

        test1(null);//has not obj

        test1(undefined);//has not obj

        test1("");//has not obj

        test1(" ");//has obj

        test1("1");//has obj

    </script>

　　总结:不传参数，传的参数为null,传的参数为undefined,传的参数为""的时候if(obj)不成立，反之则成立。

补充:直接if(param)可以用于判断参数，也相当于if(param != null),相反if(!param)就相当于if(param == null),例如:

    <script>

        function test(a, b) {

            if (!a || !b) {

                alert("参数没传");

            } else {

                alert("a与b不等于null")

            }

        }

        test();

        test("1", "2");

    </script>

结果:

  

补充:实际上是用！与上对象来求得一个布尔值，js中!和!!的区别及用法

js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，
1、！可将变量转换成boolean类型，null、undefined和空字符串、数字0 通过!转为boolean值0为true,其余为false。

!null=true

!undefined=true

!''=true

!100=false

!'abc'=false

!0=true

　　特别注意0的情况。

2、！！常常用来做类型判断，在第一步!（变量）之后再做逻辑取反运算，在js中新手常常会写这样臃肿的代码：
判断变量a为非空，未定义或者非空串才能执行方法体的内容

var a;

if(a!=null&&typeof(a)!=undefined&&a!=''){

    //a有内容才执行的代码

}

实际上只需要一个表达式:

if(!a){

    //a有内容才执行的代码...

}

JS直接if参数的用法的更多相关文章

  1. JS 不定函数参数argument的用法

    本篇文章只要是对js的隐含参数(arguments,callee,caller)使用方法进行了介绍. arguments arguments 该对象代表正在执行的函数和调用它的函数的参数. [func ...

  2. 【转】javascript浏览器参数的操作，js获取浏览器参数

    原文地址:http://www.haorooms.com/post/js_url_canshu html5修改浏览器地址:http://www.cnblogs.com/JiangXiaoTian/ar ...

  3. JS里设定延时:js中SetInterval与setTimeout用法

     js中SetInterval与setTimeout用法 JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操 ...

  4. js replace 与replaceall实例用法详解

    这篇文章介绍了js replace 与replaceall实例用法详解,有需要的朋友可以参考一下stringObj.replace(rgExp, replaceText) 参数 stringObj 必 ...

  5. js 的函数参数的默认值问题

    js函数参数设置默认值   php有个很方便的用法是在定义函数时可以直接给参数设默认值,如: function simue ($a=1,$b=2){ return $a+$b; } echo simu ...

  6. linux管道命令grep命令参数及用法详解---附使用案例|grep

    功能说明:查找文件里符合条件的字符串. 语 法:grep [-abcEFGhHilLnqrsvVwxy][-A<显示列数>][-B<显示列数>][-C<显示列数>] ...

  7. js 读取 地址栏参数 转

    用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)   function GetQueryString(name) {      var re ...

  8. linux mount命令参数及用法详解

    linux mount命令参数及用法详解 非原创,主要来自 http://www.360doc.com/content/13/0608/14/12600778_291501907.shtml. htt ...

  9. 【转】linux expr命令参数及用法详解

    在抓包过程中,查看某个设定时间内,数据上下行多少,用命令expr 计算! --------------------------------------------------------------- ...

随机推荐

  1. Get The Treasury HDU - 3642（扫描线求三维面积交。。体积交）

    题意: ...就是求体积交... 解析: 把每一层z抽出来,计算面积交, 然后加起来即可..! 去看一下 二维面积交的代码 再看看这个三维面积交的代码.. down函数里 你发现了什么规律!!! 参考 ...

  2. 【POI每日题解 #5】 DWU-Double-row

    题目链接 [POI2005]DWU-Double-row wwwww 之前写了半小时 一卡机 没啦QAQ 简单说一下吧 [吐血ing 这道题长得好二分图啊 所以本能地连边 一种是A边 连可交换的数对 ...

  3. 掌握 MySQL 这 19 个骚操作，效率至少提高3倍

    本文我们来谈谈项目中常用的MySQL优化方法,共19条,利用好这19条方法,会让你的效率提升至少3倍. 1.EXPLAIN 做MySQL优化,我们要善用EXPLAIN查看SQL执行计划. 下面来个简单 ...

  4. 自学Python1.4-Centos内vim中文乱码问题

    自学Python之路 自学Python1.4-Centos内vim中文乱码问题 1. 登陆的系统---区域语言设置 1.1查看安装中文包: 查看系统是否安装中文语言包 (列出所有可用的公共语言环境的名 ...

  5. 自学Python2.1-基本数据类型-字符串方法 下

    自学Python之路 自学Python2.1-基本数据类型-字符串方法 下 class str(object): """ str(object='') -> str ...

  6. Canvas与javaScript特效笔记

    第六章   Canvas与javaScript特效笔记 q  <canvas>标签的用途 HTML5 canvas 提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强 ...

  7. websocket c++ example

    //============================================================================ // Name : websocket.c ...

  8. P1186 玛丽卡 删边最短路最大值

    反正蛮水的一道题. 胡雨菲一句话让我的代码减少了10行还A了,之前的是个错的. 思路:先求出最短路,然后依次删去最短路上的每一条边,跑最短路求最大值. 关于删边:我的想法是当作链表删除,把last的n ...

  9. 洛谷 P1282 多米诺骨牌("01"背包)

    传送门 https://www.cnblogs.com/violet-acmer/p/9852294.html 参考资料: [1]:https://blog.csdn.net/Darost/artic ...

  10. 类变量、实例变量--python

    1.类变量.实例变量概念 类变量: 类变量就是定义在类中,但是在函数体之外的变量.通常不使用self.变量名赋值的变量.类变量通常不作为类的实例变量的,类变量对于所有实例化的对象中是公用的. 实例变量 ...