1,同样的代码使用firefox运行不会报错,正常运行。

2,同样的代码使用google chrome 有时候会误报网页?

如下:代码可以在 firfox edge正常运行,在chrome  opera 运行报错。应该是兼容性问题。

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
         function BinaryTree(){
            //初始化节点对象,包括3个属性
            var Node=function(key){
                this.key=key;
                this.left=null;
                this.right=null;
            };

var root=null;//根节点

//给当前节点添加左右孩子。
            var insertNode = function(node,newNode){
                //如果节点小于父节点,放在左边作为左孩子
                if (newNode.key<node.key) {
                    if (node.left===null) {
                        node.left=newNode;
                    }else{
                        insertNode(node.left,newNode);
                    }
                    //否则就放右边,作为右孩子
                }else{
                    if (node.right===null) {
                        node.right=newNode;
                    }else{
                        //递归,继续添加左右孩子节点。
                        insertNode(node.right,newNode);
                    }
                }
            }

//判断根节点是否为空。
            this.insert=function(key){
                var newNode=new Node(key);
                if (root===null) {
                    root=newNode;
                }else{
                    //给当前节点添加左右孩子节点。
                    insertNode(root,newNode);
                }
            }
         }

var nodes=[8,3,10,1,6,14,4,7,13];
         var BinaryTree=new BinaryTree();
         nodes.forEach(function(key){  //控制台,鼠标悬停key未定义,也不会往里面执行代码
            BinaryTree.insert(key);
         });
    </script>
</body>
</html>

====================

逻辑操作符  &&与  ||或  !非
一,&&与
只要有一个条件不成立就返回 false。
只要有一个条件不成立就返回 false。从第一个开始,一旦遇到false,就不会继续往下读取,直接返回当前操作数。

在有一个操作数不是返回布尔值的情况,那么逻辑与操作就不一定返回值。此时遵循以下几个规则:

1,如果第一个操作隐式类型转换后为true,则返回第二个操作数
    var a=10;
    var b=20;
    var c=30;
    var d;
    var name=null;
    var str="abc";
    console.log(a<b && a<c);  /*全部true,返回最后一个true*/
    console.log(str && c);  /*30 */
    /*str="abc" 这里有一个隐式类型转换 Boolean(str)返回值:true。
     Boolean(c)=Boolean(30) 隐式类型转换 返回值:true。返回第二个值,这里的值是30*/

var a ,b;
     console.log(null && undefined && 0); // 返回0 隐式类型转换全部false,则返回最后一个操作数。
     console.log(a && b); //返回undefined

console.log( c && 50 && str);  /*abc*/
    /*隐式类型转换,Boolean(c)返回值:true。
    饮食类型转换 Boolean(str) 返回值:true。 如果&&与中全部值返回true,则返回最后一个true对象没有进行隐式类型转换的值*/

2,如果第一个操作数隐式类型转换值为:false。则返回第一个操作数,指的是第一个返回值为:false,如果返回值为:true则跳过。
    var a=10;
    var b=20;
    var c=30;
   console.log(a>c && 88 && a>b); /*返回值:false  这里a>c的返回值就是:false*/
   console.log(a>c && 88 && a>b); /*返回值:false  这里a>c是第一个返回值false的对象*/
   console.log(0 && 88);  /*返回0 ,隐式转换Boolean(0)返回值:false。所以返回值是0。返回第一个false的对象的原值。*/

3,如果有一个操作数null,则返回null。
   console.log("" && 88 && a<b);    /*返回空值,在控制台中就是一个空格*/

4,如果有一个操作数为:undefined,则返回undefined。
    var d;
   console.log(a<c && 88 && d);  /*d  这里的d在上文中没有进行定义赋值,所以返回d*/

5,如果有一个操作数为:NaN,则返回NaN。
    var str="abc";
   console.log( a<c && a+str && 88);  /*88   这里Boolean(a+str)  这里的+变成连字符,所以返回值为:true。所有经过隐式转换返回值都为:true,则值默认返回最后一个原值 88。*/

console.log( a<c && a*str && 88); /*NaN   Boolean(a*str) a=10 str="abc" 数字和字符串相乘,返回值:NaN非数值*/

6,&&与 可以操作任意类型的数据

google chrome调试的更多相关文章

  1. Google Chrome调试js代码,开发者工具之调试工具常用功能

    参考:Google Chrome调试js代码-http://www.open-open.com/lib/view/open1384785324165.html 重点:左下角一个{}括号图标按钮用于把杂 ...

  2. Google Chrome 调试

    [原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html ] 在Google Chrome浏览器出来之前,我一直使用F ...

  3. google chrome 调试技巧:监控 DOM 元素被修改

    在很多时候, 页面上一个元素的属于被修改.删除,子节点的添加与修改,很难一下找到对应的代码,在 google chrome 开发者工具里, 提供了对 DOM 元素的监控: 在 Elements 标签, ...

  4. Google Chrome 调试JS简单教程[更新]

    题外话,刚开始我写这篇内容只是将自己了解的一些知识放上来,不巧的是我分析了我的来访日志,很多朋友都有这个需求,为了大家没有白来,我决定充实下这篇文章.最近更新时间2014-02-14 chrome版本 ...

  5. Javascript系列: Google Chrome调试js代码(zz)

    你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...

  6. Google Chrome调试js代码

    你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...

  7. Google Chrome调试js入门

    平常在开发过程中,经常会接触到前端页面.那么对于js的调试那可是家常便饭,不必多说.最近一直在用火狐的Firebug,但是不知道怎么的不好使了.网上找找说法,都说重新安装狐火浏览器就可以了,但是我安装 ...

  8. Google Chrome调试常用快捷键

    Ctrl+Shift+I调出开发者工具 Ctrl+R刷新(界面显示不清楚,刷新后变清楚)

  9. Google Chrome Uncaught TypeError: object is not a function

    <html> <script type="text/javascript"> function testForm(){ alert("hello ...

随机推荐

  1. 使用jbc查询数据封装成对象的工具类

    适用于获取Connection对象的util package com.briup.myDataSource; import java.io.FileReader; import java.io.Inp ...

  2. python如何切割字符串

    python字符串的分割方法如下 str.split():字符串分割函数 通过指定分隔符对字符串进行切片,并返回分割后的字符串列表. 语法: str.split(s, num)[n] 参数说明: s: ...

  3. jupyter的控件交互

    jupyter实现控件交互 jupyter notebook 是一个交互式IDE 直接上jupyter notebook界面截图

  4. 【KMP】OKR-Periods of Words

    [KMP]OKR-Periods of Words 题目描述 串是有限个小写字符的序列,特别的,一个空序列也可以是一个串.一个串P是串A的前缀,当且仅当存在串B,使得A=PB.如果P≠A并且P不是一个 ...

  5. oracle学习笔记03

    一:表空间 /* 创建表空间:逻辑单位,通常我们新建一个项目,就会去创建表空间,在表空间中创建用户,用户去创建表. 语法:create tablespace 表空间名字 datafile '文件的路径 ...

  6. finally代码块的执行

    try{ //todo }catch(Exception e){ //todo }finally{ //todo } 1.不管try,catch里面的代码快有无return,finally都会执行 2 ...

  7. html中script标签使用async属性和defer属性的区别

    相同点: 首先async和defer只对header里的外连脚本script标签上起作用,如果script标签是放在header外或者是header里的内置脚本以及动态生成的script标签是不起作用 ...

  8. 【js】null 和 undefined的区别?

    1.首先看一个判断题:null和undefined 是否相等     console.log(null==undefined)//true     console.log(null===undefin ...

  9. SQL连接(join)

    INNER JOIN:如果表中有至少一个匹配,则返回行 LEFT JOIN:即使右表中没有匹配,也从左表返回所有的行 RIGHT JOIN:即使左表中没有匹配,也从右表返回所有的行 FULL JOIN ...

  10. 函数——箭头函数&自执行函数(二)

    一.箭头函数是在es6中添加的一种规范,它相当于匿名函数,简化了函数的定义. 1.语法 a.function用var,let,cost来表示: b.参数要写在第一个等号后面:   参数有多个,需要加一 ...