返回
新思纬教育
置顶
该校与厚学网暂未合作,平台不保证课程的真实有效性,如有侵权等争议,请及时与厚学网联系处理
招生热线:400-800-2178

学校地址:广州市天河区中山大道中138号汇勤商业大厦606

JavaScript开发小建议

365 2013-10-18 09:31:56

学习笔记

开发小建议
这篇文章将向你分享一些不为人知的但很有用的小建议,对那些刚涉及使用编程语言的初级开发者应该有很大的帮助。
1. 用数组长度截取数组
我们都知道,对象都是通过使用引用的,但这并不是的准则,请看下面的检验案例:
 
1
2
3
4var arr1 = arr2 = [1, 2, 3];
 
//Change arr1
arr1 = [];// arr2 will still be [1,2,3]
 
初,arr1和arr2都指向了数组[1,2,3],之后当arr1重新指向[ ]的时候,arr2的引用并没有发生什么变化,仍然指向[1,2,3]。但是如果我们想让arr1和arr2都指向[ ]的话,那应该怎么做呢?我们可以利用数组的长度属性。当设置arr1.length=0的时候,arr1里面的要素将被清空。而引用是不会改变的,所以 arr1和arr2指向[ ]。
2. 用push来合并数组
我们通常使用concat()来合并两个数组,例如:
 
1
2
3
4
5var arr1=[1,2,3];
var arr2=[4,5,6];
var arr3=arr1.concat(arr2);
arr3;
[1, 2, 3, 4, 5, 6]
 
我们同样可以利用push()来达到这种效果:
 
1
2
3
4
5var arr1=[1,2,3];
var arr2=[4,5,6];
Array.prototype.push.apply(arr1,arr2);
arr1
[1, 2, 3, 4, 5, 6]
 
应用这种方法可以把一个数组作为第二个参数,因此,arr2能够被推送到arr1里面。
3. 特征检测
在我们使用的很多API里,我们能看到一些特征检测语句,这些语句是用来检查浏览器是否支持特定的属性或方法,以便能够支持跨浏览器兼容性。可以这样做:
 
1
2
3
4
5if(window.opera){
    console.log("OPERA");
}else{
    console.log("NOT OPERA");
}
 
这样的运作方式是正确的,但它的缺点是效率不高。这种类型的对象检测将在浏览器里初始化资源。更有效地方式是检查密钥是否在某一个对象里。
 
1
2
3
4
5if("opera" in window){
    console.log("OPERA");
}else{
    console.log("NOT OPERA");
}
 
4. 检查某一个对象是不是数组
在 编程语言里,我们可以使用typeof来检查变量的类型,typeof可以返回数字、布尔值、字符串、对象、函数和未定义的对象。事 实上这里没有数组,typeof数组就是一个对象。所以我们怎么来决定一个对象就是一个数组呢?在ECMAScript 5编程语言里,我们可以使用 Array.isArray(obj)来检查这里所提到的问题。但是目前ECMAScript 5还没有得到广泛使用。
不过,我们可以使用下面的方法:
 
1
2
3var obj=[];
Object.prototype.toString.call(obj)=="[object Array]";
true
 

 

文中图片素材来源网络,如有侵权请联系删除
来源:新思纬教育
热门课程 全部课程

热门动态

申请免费试听

只要一个电话

我们为您免费回电

立即申请
刷新
图形验证
关闭
>>
拖动左边滑块完成上方拼图