zoukankan      html  css  js  c++  java
  • JavaScript tips and tricks 4

    JavaScript doesn’t have block scope
    Block doesn’t have scope in javascript, only function has scope.

    for(var i = 0; i < 2; i ++) { 
    
    } 
    
    i;  // 2

    If you want to create scope, use anonymous function:

    (function (){ 
    
        for(var i = 0; i < 2; i ++) { 
    
        } 
    
    })(); 
    
    typeof(i) === 'undefined';  // true

    NaN is weird
    NaN indentifies a value which is not a number.
    It’s weird because comparing NaN with anything (even NaN itself) is always false.

    NaN === NaN; // false

    Therefore, the following code may confuse somebody:

    parseInt('hello', 10); // NaN 
    
    parseInt('hello', 10) == NaN; // false 
    
    parseInt('hello', 10) === NaN; // false

    Then, how to check whether a number is NaN or not?
    A built-in function can help you, check it:

    isNaN(parseInt('hello', 10)); // true

    Truthy and falsy values
    All values in javascript can be converted into boolean implied.
    Note that the following values can be converted into false ones automatically, which called falsy values:
    null, undefined, NaN, 0, ‘’, false
    Therefore you don’t need to do like this:

    if(obj === undefined || obj === null) { 
    
    }

    Simply do as follows:

    if(!obj) { 
    
    }

    How to modify arguments
    In this post , I give a method to convert arguments into a real array.
    Then, how to modify arguments?
    For example, add a new value to the end of the arguments:

    function add() { 
    
        arguments.push('new value'); 
    
    } 
    
    add(); // error - arguments.push is not a function

    Of course there would be an error, because arguments is not a real array.
    Following is the solution:

    function add() { 
    
        Array.prototype.push.call(arguments, 'new value'); 
    
        return arguments; 
    
    } 
    
    add()[0]; // "new value"

    Boolean and new Boolean
    You’d better consider Boolean as a constructor function. It can be used to produce a Boolean literal value:

    Boolean(false) === false; // true 
    
    Boolean('') === false; // true

    Boolean(0) is equal to !!0, which was mentioned in this post.
    Also, we can use new keyword to produce a boolean object:

    new Boolean(false) === false; // false 
    
    new Boolean(false) == false; // true 
    
    typeof(new Boolean(false)); // "object" 
    
    typeof(Boolean(false)); // "boolean"

    This is interesting.

  • 相关阅读:
    前端优化
    Git基础使用
    【高可用架构】用Nginx实现负载均衡(三)
    【高可用架构】借助Envoy工具发布项目到多台服务器(二)
    【高可用架构】开发机上部署Deploy项目(一)
    【Linux系列】Centos7安装Samba并将工作区挂载到win(八)
    【Linux系列】Centos 7部署Laravel项目(七)
    【Linux系列】Centos 7安装 Redis(六)
    【Linux系列】Centos 7安装 Mysql8.0(五)
    gitlab服务器搭建
  • 原文地址:https://www.cnblogs.com/sanshi/p/1457617.html
Copyright © 2011-2022 走看看