google chrome调试
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调试的更多相关文章
- Google Chrome调试js代码,开发者工具之调试工具常用功能
参考:Google Chrome调试js代码-http://www.open-open.com/lib/view/open1384785324165.html 重点:左下角一个{}括号图标按钮用于把杂 ...
- Google Chrome 调试
[原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html ] 在Google Chrome浏览器出来之前,我一直使用F ...
- google chrome 调试技巧:监控 DOM 元素被修改
在很多时候, 页面上一个元素的属于被修改.删除,子节点的添加与修改,很难一下找到对应的代码,在 google chrome 开发者工具里, 提供了对 DOM 元素的监控: 在 Elements 标签, ...
- Google Chrome 调试JS简单教程[更新]
题外话,刚开始我写这篇内容只是将自己了解的一些知识放上来,不巧的是我分析了我的来访日志,很多朋友都有这个需求,为了大家没有白来,我决定充实下这篇文章.最近更新时间2014-02-14 chrome版本 ...
- Javascript系列: Google Chrome调试js代码(zz)
你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...
- Google Chrome调试js代码
你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...
- Google Chrome调试js入门
平常在开发过程中,经常会接触到前端页面.那么对于js的调试那可是家常便饭,不必多说.最近一直在用火狐的Firebug,但是不知道怎么的不好使了.网上找找说法,都说重新安装狐火浏览器就可以了,但是我安装 ...
- Google Chrome调试常用快捷键
Ctrl+Shift+I调出开发者工具 Ctrl+R刷新(界面显示不清楚,刷新后变清楚)
- Google Chrome Uncaught TypeError: object is not a function
<html> <script type="text/javascript"> function testForm(){ alert("hello ...
随机推荐
- web前端页面解决中文传参乱码问题
问题背景:在项目中往往会涉及到前端跳转页面时要传一些参数给下一个页面,如果参数是英文或者数字的时候就很好解决,然而有时候传参会涉及到中文汉字,这个时候再单纯的拼接往往就会导致中文乱码,下面我们就该讨论 ...
- Git在IDEA工具中快捷拉取代码
在拥有GitLab账号之后, 进入IDEA中,点击vcs菜单-->Checkout from Version Control-->Git 随后会出现一个弹框,输入git上的项目地址点击CL ...
- (十七)使用JDBC进行批处理
目录 业务场景: 第一种方式 第二种方式 批处理中的 update() 方法 注意事项 备注: 业务场景: 当需要向数据库中发送一批SQL语句执行时,应避免向数据库一条条的发送执行,而应采用JDBC的 ...
- Django-djangorestframework-响应模块
响应模块 一般都用 Response 对象来做返回(最后一定是打包成符合 HTTP 协议的数据格式来传输,Response 类做了一系列处理,所以这里我们只需要关注下它的那些参数即可) 响应类构造器 ...
- USB协议基础知识
ref : https://blog.csdn.net/u010142953/article/details/82627591 USB 基本知识 USB的重要关键概念: 1. 端点:位于USB设备 ...
- android中sqlite数据库的基本使用和添加多张表
看了很多关于android使用sqlite数据库的文章,很多都是介绍了数据库的建立和表的建立,而表通常都是只建立一张,而实际情况我们用到的表可能不止一张,那这种情况下我们又该怎么办呢,好了,下面我教大 ...
- layui upload 在JS动态加载内容后, 点击按钮无反应
/** * 根据用户选择的不同规格选项 * 返回 不同的输入框选项 */ function ajaxGetSpecInput2(spec_arr) { var goods_id = $('#goods ...
- 图数据库-Neo4j-常用算法
本次主要学习图数据库中常用到的一些算法,以及如何在Neo4j中调用,所以这一篇偏实战,每个算法的原理就简单的提一下. 1. 图数据库中常用的算法 PathFinding & Search 一般 ...
- 8-MySQL DBA笔记-测试基础
第三部分 测试篇 测试需要掌握的知识面很广泛,本篇的关注点是数据库的性能测试和压力测试,对于其他领域的测试,由于涉猎不多,笔者就不做叙述了.DBA的工作职责之一就是评估软硬件,这往往是一项很耗时的工作 ...
- git merge 命令的使用
我们把dev分支的工作成果合并到master分支上: $ git merge dev Updating d46f35e..b17d20e Fast-forward readme.txt | 1 + 1 ...