JavaScript几个小技巧

Apollo 发布于2019-08-21 11:44 / 1517人阅读

摘要：反之左操作数值为真，整个表达式的值则依赖于右操作数。以上的这种特性称为运算符的短路行为，根据这个特性我们可以有效减少语句的使用，还可以增强程序的健壮性。数值上一个空串，会转换为字符串字符串减会转换为数值，如失败则返回。

&&、||运算的高级用法

在JavaSript中，“&&”运算符除了可以对布尔值进行与（AND）运算之外，还可以对真假值进行与（AND）运算。JavaScript中所有值都可以当成真值和假值，除了false、null、undefined、0、-0、NaN和""其它值都是真值。

运算符首先让计算左操作数的值，如果为假，则整个表达式一定是假，因此“&&”这时简单地返回左操作数的值，不会计算右操作数的值。反之左操作数值为真，整个表达式的值则依赖于右操作数。所以会继续计算右操作数的值，并将其返回做为整个表达式的计算结果。

以上的这种特性称为“&&”运算符的 “短路”（short circuiting）行为，根据这个特性我们可以有效减少if语句的使用，还可以增强程序的健壮性。

    //减少if使用
    if(a==b) stop();//只有a==b时才调用stop()
    (a==b) && stop();//可以实现同上的效果
    a==b && stop();//也同上实现同上的效果（关系运算的优先级是高于逻辑运算的）
    
    //增加程序健壮性
    
    function a(o){
        //我们希望调用函数a事传递过来的实参是一个对象
        //当对象包含一个值不为假的属性x时，我们执行一段相关代码
）
        if(o&&o.x){
            //但是我们有时无法控制传递过来的实参是什么
            //如果是null或者没有传递实参过来（undefined）
            //这时再对o进行属性访问运算，就会抛出类型异常
            //这时使用“&&”运算符进行一下短路处理
            //当实参是null或者undefined就不会抛出异常了
            //null和undefined为假值，根据短路特性右操作数不会被计算
            
            /*执行相关代码*/
            
        }else{
            /*这里不可以添加一些友好的杀错误提示*/
        }
    }

“||”运算符和“&&”一样也有更复杂的行为。它会首先计算左操作数的值，如果为真，直接返回这个真值。否则再计算右操作数的值，并返回这个表达式的计算结果。利用这一特性，可以给函数参数设置默认值。

    //copy函数实现将o的成员属性复制到p中，并返回p
    function copy(o,p){
        p=p||{};//如果向参数p没有传入任何对象，则使用一个新创建的对象
        //函数实现相关代码
    }

使用Array.join()生成重复的字串

有时我们需要生成重复的字串，比如需要生成一个包含100个div标签对的字符串。大家更多的想到的是使用循环来实现。其实还有更简单的方式。

    var str=new Array(101).join("
");//就是这么简单

使用 setXXX()方法安心实现日期加法

有时需要对日期时间进行一些加减运算，除了将日期时间转换毫秒再进行运算之外，我们还可以使用日期的方法更方便的进行日期时间加减运算操作。

var now=new Date("2017-06-11 23:00:00");//now:Mon Jun 11 2017 00:21:47 GMT+0800 (中国标准时间)
now.setDate(now.getDate()+10);
//加十天
//now:Wed Jun 21 2017 23:00:00 GMT+0800 (中国标准时间)
now.setDate(now.getDate()-30)
//减三十天
//Mon May 22 2017 23:00:00 GMT+0800 (中国标准时间)
now.setSeconds(now.getSeconds()+300);
//加300s
//Mon May 22 2017 23:05:00 GMT+0800 (中国标准时间)
//还可以
//setMonth()    设置月份
//setFullYear()    设置年份
//setHours()    设置小时
//setMinutes()    设置分钟
//setMilliseconds()    设置毫秒

巧用变量类型隐式转换

JavaScript变量类型转换有相应的方法，但我们也可以使用隐式转换来实现类型转换。也需要了解这些隐式的类型转换才能让程序达到你想要的运行效果。

1+""; //数值+上一个空串，会转换为字符串
"1.5"-0;//字符串减1会转换为数值，如失败则返回NaN。"*1"也可以实现

暂时这些，以后记起啥了再来补充。也欢迎大家留言补充。

GPU云服务器云服务器 JAVASCRIPT技巧 javascript七大技巧 javascript调试技巧 Javascript注入技巧

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87050.html

JavaScript 的几个小技巧

摘要：的几个小技巧尽早将无效的用例尽早返回，避免意外和不必要的代码处理。要添加一种新的就需要再添加一个分支判断多重判断时使用或者，避免过长逻辑判断改进后一次循环两个数组 JavaScript 的几个小技巧 1. 尽早 return function transformData(rawData) { // check if no data if (!rawData) { ret...

arashicage 2019-08-23 18:38 评论0 收藏0
关于PHP数组的几个小技巧

摘要：我们知道在中多了几个对数组使用的新特性。这里我们举两个实际的例子吧例子一仔细体会。例子二看到了吧，可以直接在循环中指定变量，然后在循环体中来使用，是不是很简单好了本文就这些内容了，欢迎继续关注。更多知识，请前往我们知道在PHP7.1中多了几个对数组使用的新特性。这里我们举两个实际的例子吧：例子一： // PHP 7.1+ $options = [enabled => true, ...

chenjiang3 2019-07-01 12:26 评论0 收藏0
Pandas数据类型转换的几个小技巧

摘要：利用的一些辅助函数进行类型转换的函数和复杂的自定函数之间有一个中间段，那就是的一些辅助函数。这些辅助函数对于某些特定数据类型的转换非常有用如。利用Pandas进行数据分析时，确保使用正确的数据类型是非常重要的，否则可能会导致一些不可预知的错误发生。笔者使用Pandas已经有一段时间了，但是还是会在一些小问题上犯错误，追根溯源发现在对数据进行操作时某些特征列并不是Pandas所能处理的...

luckyw 2019-07-30 16:26 评论0 收藏0
短信发送平台的推广技巧有哪些？3个小技巧要记牢！

摘要：短信发送平台现在是各行业领域中使用相对较为广泛的一种推广方式，企业在有营销推广需求的时候，都是会依靠短信平台。短信发送平台发送推广短信的技巧短信平台发送短信小技巧短信发送平台现在是各行业领域中使用相对较为广泛的一种推广方式，企业在有营销推广需求的时候，都是会依靠短信平台。为何短信发送会受到如此重视呢？这主要是由于短信发送拥有的优势可以解决诸多企业推广所面临的诸...

ACb0y 2021-11-22 13:53 评论0 收藏0
数独求解（javascript实现）

摘要：数独技巧直观法候选数法相关二十格一个数字只与其所在行列及小九宫格的二十格相关我的思路精心设计了有效性判定函数，最多一次遍历个小单元格就能做出方案的有效性判定。看《算法的乐趣》，试着用非递归穷举来解数独，看效率如何！数独规则数独游戏，经典的为9×9=81个单元格组成的九宫格，同时也形成了3×3=9个小九宫格，要求在81个小单元格中填入数字1~9，并且数字在每行每列及每个小九宫格中都...

Berwin 2019-08-19 18:11 评论0 收藏0