zoukankan      html  css  js  c++  java
  • JavaScript的基础语法,你真的了解吗?

        这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分。如果掌握了某些细节也许会对代码的改善有着非凡的作用。也许会使我们的代码更严谨,更高效。

        1.if语句的条件

        if条件中,括号里是布尔类型的表达式,但你真的了解什么时候是真值,什么时候是假值吗?

        下列值被当做假(false):

        false;null;undefined;空字符串'';数字0;数字NaN

        其它的值都被当做真,包括true、字符串"false",以及所有的对象

        2.逻辑运算符

        我们都知道,关于逻辑运算符&&是并、||是或。很多人还可以指出JAVA中,&和|是不短路的。但你真的了解JS中的&&和||的运算规则吗?

        &&:如果第一个表达式的值为假,那么运算符&&产生它的第一个表达式的值,否则产生第二个表达式的值。

        ||:如果第一个表达式的值为真,那么运算符||产生第一个表达式的值,否则产生第二个表达式的值。

        那么,大家可以猜到下面的代码的输出了吧。

    var str = "abc";
    alert(true && str); // abc

        这可以引申为:当我们尝试从undefined中获得属性时将导致TypeError异常,页面会提示“属性不存在”。但我们使用如下代码就可以避免。

    var obj = {
        name:"someone",
        propoty:{
            higth:100,
            200
        }
    }
    alert(obj.propoty.higth); // 100
    alert(obj.other); // undefined
    alert(obj.other.higth); // TypeError
    alert(obj.other && obj.other.higth); // undefined

        要知道,出现TypeError浏览器是要报错的,而返回undefined是一个值,不会影响程序流程,这对客户来说是非常重要的。

        3.typeof运算符

        typeof运算符产生的值有'number'、'string'、'boolean'、'undefined'、'function'和'object'。但这里有一个陷阱:如果是一个数组或null,那么结果是'object'。如 

    alert(typeof null); // object

        4.==与===

        在我遇到的几乎所有的JS代码中,使用的都是==(恕我见识短浅)。很遗憾,这是有缺陷的。

        ===和!==会按照你期望的方式工作,如果两边表达式的结果类型一致且拥有相同的值,那么===返回true,!==返回false。但对于==和!=只有在类型一致的时候才会做出正确的判断。如果两边的表达式的结果类型不一直,它们会去做强制类型转换。转换的规则非常复杂,具体可以去搜索相关详述。如下一些例子:

    alert('' == '0');           // false
    alert(0 == '');             // true
    alert(0 == '0');            // true
    alert(false == 'false');    // false
    alert(false == '0');        // true
    alert(false == undefined);  // false
    alert(false == null);       // false
    alert(null == undefined);   // true
    alert(' \t\r\n ' == 0);     // true

        以上如果使用===,结果都是false。

        注:以上部分例子参考《JavaScript语言精粹》一书。

  • 相关阅读:
    鼠标事件&键盘事件
    监听/移除事件 & 事件流 & 事件对象 & 事件委托
    javaScript操作cookie出现同名key
    Vue入门干货,以及遇到的坑
    WPF中Popup上的textbox无法切换到中文输入法
    RichTextBox FlowDocument类型操作
    Web微信协议
    计算机专业术语对照
    Ext.Net一般处理程序上传文件
    C# ObjectCache、OutputCache缓存
  • 原文地址:https://www.cnblogs.com/hanmou/p/3303906.html
Copyright © 2011-2022 走看看