可执行代码ECMAScript 5th规定了3种可执行代码：Global code、Eval code和Function code。根据名字就已经知道，Global code和Eval code分别对应全局代码和eval函数中执行的代码。三种可执行代码中最为复杂的就是Function code，即函数代码。因为javascript的特性，所以Function code中还可以嵌入Function code，导致了Function的执行环境会较为复杂。执行环境（执行上下文）当javascript引擎开始执行（进入）一段可执行代码时，就会生成一个执行环境（Execution Context，或称执行上下文）。javascript引擎通过一个栈（Stack）来维护执行环境，当进入一个执行环境，则将当前运行的执行环境压入到这个栈的顶部，代码表示：1 2 3 4 5varECStack = [];//维护执行环境的栈functionenterExecutabCode(){varec =newExecutionContext(); ECStack.push(ec); }一个执行环境是由：LexicalEnvironment、VariableEvironment和ThisBinding组成的。1 2 3 4 5 6 7functionExecutionContext(){return{ ...继续阅读 (13)

html5 canvas图像转换成数组html5的canvas可以进行图片处理，图片是由像素组成的。我们知道canvas有方法getImageData，返回的对象中可以取出，image的data 数组（类似数组的Type Array类型数组，Uint8ClampedArray）。假设canvas宽高是500*400，那么应该有200000个像素点，而通过getImageData().data获取的data数组的length是800000。我们还知道rgba表示颜色的方法：r=redg=greenb=bluea=alpha即红绿蓝三原色和透明值。所以这个data数组是每四个数组值代表一个像素点。这样一来，一个图像就转化成了数据表示的数组。如下面的代码：1 2 3 4 5 6 7 8 9varcanvas = document.getElementById('canvas');varctxt = canvas.getContext('2d');varimg =newImage; img.onload =function(){ctxt.drawImage(img,0,0);vardata = ctxt.getImageData(0,0,480,480).data; console.log(data, data.toString()); } img.src ='img/pic.jp ...继续阅读 (7)

这是一个很基础的问题，但是我们往往经常做错。当一个数组需要清空的时候，很多人使用下面的方法：1a = [];我们知道javascript变量存储方式分为引用类型和直接量。数组属于对象，即引用类型，引用的是变量指针地址，之所以这样设计也是为了节省内存。再说到上面的请空数组的方式，如果采用直接赋值一个新数组的方式，那么之前引用的数组可能不会被释放（有其他的引用），例如下面的代码：1 2 3 4vara = [2,3];varb = a; a = []; console.log(b);这时候a和b就不是同一个数组了，清空了a而b还是指到之前的引用地址，除非你是故意的，否则这将会有隐患。所以最佳的请空数组方式是：将length设置为0，即：1a.length =0; ...继续阅读 (18)