JavaScript,学习技巧本文实例为大家分享了JavaScript编程学习技巧，供大家参考，具体内容如下 1、变量转换 varmyVar="3.14159",str=""+myVar,//tostringint=~~myVar,//tointegerfloat=1*myVar,//tofloatbool=!!myVar,/*toboolean-anystringwithlengthandanynumberexcept0aretrue*/array=[myVar];//toarray 但是转换日期(new Date(myVar))和正则表达式(new RegExp(myVar))必须使用构造函数，创建正则表达式的时候要使用/pattern/flags这样的简化形式。 2、取整同时转换成数值型 //字符型变量参与运算时，JS会自动将其转换为数值型（如果无法转化，变为NaN）'10.567890'|0//结果:10//JS里面的所有数值型都是双精度浮点数,因此，JS在进行位运算时，会首先将这些数字运算数转换为整数，然后再执行运算//|是二进制或，x|0永远等于x；^为异或，同0异1，所以x^0还是永远等于x；至于~是按位取反，搞了两次以后值当然是一样的'10.567890'^0//结果:10-2.23456789|0//结果:-2 3、日期转数值 //JS本身时间的内部表示形式就是Unix时间戳，以毫秒为单位记录着当前距离1970年1月1日0点的时间单位vard=+newDate();//1295698416792 4、类数组对象转数组 vararr=[].slice.call(arguments)下面的实例用的更绝functiontest(){varres=['item1','item2']res=res.concat(Array.prototype.slice.call(arguments))//方法1Array.prototype.push.apply(res,arguments)//方法2}5、进制之间的转换 (int).toString(16);//convertsinttohex,eg12=>"C"(int).toString(8);//convertsinttooctal,eg.12=>"14"parseInt(string,16)//convertshextoint,eg."FF"=>255parseInt(string,8)//convertsoctaltoint,eg."20"=>16将一个数组插入另一个数组指定的位置vara=[1,2,3,7,8,9];varb=[4,5,6];varinsertIndex=3;a.splice.apply(a,Array.prototype.concat(insertIndex,0,b)); 6、删除数组元素 vara=[1,2,3,4,5];a.splice(3,1);//a=[1,2,3,5] 大家也许会想为什么要用splice而不用delete,因为用delete将会在数组里留下一个空洞，而且后面的下标也并没有递减。
7、判断是否为IE 这样一句简单的话就可以判断是否为ie，太。。。 其实还有更多妙的方法，请看下面 //edithttp://www.lai18.com//貌似是最短的，利用IE不支持标准的ECMAscript中数组末逗号忽略的机制varie=!-[1,];//利用了IE的条件注释varie=/*@cc_on!@*/false;//还是条件注释varie//@cc_on=1;//IE不支持垂直制表符varie='v'=='v';//原理同上varie=!+"v1"; 学到这个瞬间觉得自己弱爆了。 尽量利用原生方法 要找一组数字中的最大数，我们可能会写一个循环，例如： varnumbers=[3,342,23,22,124];varmax=0;for(vari=0;iif(numbers[i]>max){max=numbers[i];}}alert(max);其实利用原生的方法，可以更简单实现 varnumbers=[3,342,23,22,124];numbers.sort(function(a,b){returnb-a});alert(numbers[0]);当然最简洁的方法便是： Math.max(12,123,3,2,433,4);//returns433 当前也可以这样 [xhtml]view plaincopyMath.max.apply(Math,[12,123,3,2,433,4])//取最大值Math.min.apply(Math,[12,123,3,2,433,4])//取最小值 8、生成随机数 Math.random().toString(16).substring(2);//toString()函数的参数为基底，范围为2~36。Math.random().toString(36).substring(2); 不用第三方变量交换两个变量的值 9、事件委派 js代码如下： //Classiceventhandlingexample(function(){varresources=document.getElementById('resources');varlinks=resources.getElementsByTagName('a');varall=links.length;for(vari=0;i//Attachalistenertoeachlinklinks[i].addEventListener('click',handler,false);};functionhandler(e){varx=e.target;//Getthelinkthatwasclickedalert(x);e.preventDefault();};})();利用事件委派可以写出更加优雅的： (function(){varresources=document.getElementById('resources');resources.addEventListener('click',handler,false);functionhandler(e){varx=e.target;//getthelinkthaif(x.nodeName.toLowerCase()==='a'){alert('Eventdelegation:'+x);e.preventDefault();}};})();10、检测ie版本 var_IE=(function(){varv=3,div=document.createElement('div'),all=div.getElementsByTagName('i');while(div.innerHTML='',all[0]);returnv>4?v:false;}());javaScript版本检测 你知道你的浏览器支持哪一个版本的Javascript吗？ varJS_ver=[];(Number.prototype.toFixed)?JS_ver.push("1.5"):false;([].indexOf&&[].forEach)?JS_ver.push("1.6"):false;((function(){try{[a,b]=[0,1];returntrue;}catch(ex){returnfalse;}})())?JS_ver.push("1.7"):false;([].reduce&&[].reduceRight&&JSON)?JS_ver.push("1.8"):false;("".trimLeft)?JS_ver.push("1.8.1"):false;JS_ver.supports=function(){if(arguments[0])return(!!~this.join().indexOf(arguments[0]+",")+",");elsereturn(this[this.length-1]);}alert("LatestJavascriptversionsupported:"+JS_ver.supports());alert("Supportforversion1.7:"+JS_ver.supports("1.7"));11、判断属性是否存在 //BAD:Thiswillcauseanerrorincodewhenfooisundefinedif(foo){doSomething();}//GOOD:Thisdoesn'tcauseanyerrors.However,evenwhen//fooissettoNULLorfalse,theconditionvalidatesastrueif(typeoffoo!="undefined"){doSomething();}//BETTER:Thisdoesn'tcauseanyerrorsandinaddition//valuesNULLorfalsewon'tvalidateastrueif(window.foo){doSomething();}有的情况下，我们有更深的结构和需要更合适的检查的时候 //UGLY:wehavetoproofexistenceofevery//objectbeforewecanbesurepropertyactuallyexistsif(window.oFoo&&oFoo.oBar&&oFoo.oBar.baz){doSomething();}其实最好的检测一个属性是否存在的方法为： if("opera"inwindow){console.log("OPERA");}else{console.log("NOTOPERA");}12、检测对象是否为数组 varobj=[];Object.prototype.toString.call(obj)=="[objectArray]"; 以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。
JavaScript,学习技巧
|
