“!!”+Canvas 对象

转载学习 JavaScript中双叹号“!!”作用 所以两个感叹号的作用就在于，如果明确设置了变量的值（非null/undifined/0/”“等值),结果就会根据变量的实际值来返回，如果没有设置，结果就会返回false。 var a； var b=!!a; a默认是undefined。!a是true，!!a则是false，所以b的值是false，而不再是undefined，也非其它值，主要是为后续判断提供便利。 !!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false; 因为javascript是弱类型的语言（变量没有固定的数据类型）所以有时需要强制转换为相应的类型，类似的如: a=parseInt(“1234″) a=”1234″-0 //转换为数字 b=1234+”” //转换为字符串 c=someObject.toString() //将对象转换为字符串 其中第1种、第4种为显式转换，2、3为隐式转换 布尔型的转换，javascript约定规则为 false、undefinded、null、0、”” 为 false true、1、”somestring”、[Object] 为 true 对null与undefined等其他用隐式转换的值，用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于将这些值转换为“等价”的布尔值； 再来看看： var foo;   alert(!foo);//undifined情况下，一个感叹号返回的是true;   alert(!goo);//null情况下，一个感叹号返回的也是true;   var o={flag:true};   var test=!!o.flag;//等效于var test=o.flag||false;   alert(test); 这段例子，演示了在undifined和null时，用一个感叹号返回的都是true,用两个感叹号返回的就是false, 所以两个感叹号的作用就在于，如果明确设置了变量的值（非null/undifined/0/”“等值),结果就会根据变量的实际值来返回，如果没有设置，结果就会返回false。

Canvas 对象 https://www.runoob.com/jsref/dom-obj-canvas.html Canvas 对象是 HTML5 中新增的。 HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 访问 Canvas 对象 您可以使用 getElementById() 来访问 <canvas> 元素： var x = document.getElementById("myCanvas"); 尝试一下 创建 Canvas 对象 您可以使用 document.createElement() 方法来创建 <canvas> 元素： var x = document.createElement("CANVAS"); 尝试一下 注意： <canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。

属性：http://www.w3school.com.cn/tags/html_ref_canvas.asp