JavaScript的一些技巧

标签: javascript 技巧 | 发表时间:2014-10-05 23:06 | 作者:2008winstar
出处:http://www.iteye.com

本文内容整理自网络。

主要列举了使用JavaScript时应该注意的一些技巧。

 

1 变量使用前,需要使用var关键字声明,避免使用全局变量;

 

2 尽量使用===(!==),而不用==(!=);

   ===(!==)操作不执行转换,在速度上被认为优于==(!=)

 

3 使用闭包实现私有变量;

 

4 语句结尾不省略分号;

 

5 构造函数首字母大写,通过new关键字调用;

 

6 typeof、instanceof和constructor的一些坑

var arr = [];
typeof arr;  //返回“object"
arr instanceof Array //返回true
arr.constructor();     //返回[]
arr.constructor;       //返回Array()

 

7 立即执行匿名函数

(function(a, b){
  return a + b;
})(10, 20);

 

8 获取数组中的随机一项

var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119]; 
var randomItem = items[Math.floor(Math.random() * items.length)];

 

9 在某个范围间产生一个随机数

function getRondomNumBetween(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

 

10 生成一个随机的数字字母字符串

function generateRandomAlphaNum(len) {
    var rdmstring = "";
    for( ; rdmString.length < len; rdmString  += Math.random().toString(36).substr(2));
    return  rdmString.substr(0, len);
}

 

11 打乱一个数组顺序

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];
numbers = numbers.sort(function(){ return Math.random() - 0.5});

 

12 在String的原型对象上添加trim方法

String.prototype.trim = function(){return this.replace(/^\s+|\s+$/g, "");};

 

13 将一个数组append到另一个数组上

var array1 = [12 , "foo" , {name: "Joe"} , -2458];
 
var array2 = ["Doe" , 555 , 100];
Array.prototype.push.apply(array1, array2);
/* array1 will be equal to  [12 , "foo" , {name "Joe"} , -2458 , "Doe" , 555 , 100] */

    数组的concat可以实现两个数组的拼接,但它返回一个新的数组。这里是直接改变array1.

 

14 将arguments对象转成一个数组

var argArray = Array.prototype.slice.call(arguments);

 

15 判断是否为数字number

function isNumber(n){
    return !isNaN(parseFloat(n)) && isFinite(n);
}

 

16 判断是否是数组

function isArray(obj){
    return Object.prototype.toString.call(obj) === '[object Array]' ;
}

  

17 获取数组中的最大值或最小值

var  numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];
var maxInNumbers = Math.max.apply(Math, numbers);
var minInNumbers = Math.min.apply(Math, numbers);

 

18 清空数组

var myArray = [12 , 222 , 1000 ];
myArray.length = 0; // myArray will be equal to [].

 

19 使用splice而不要使用delete删除数组中的元素,delete只是将相应的项变为undefined,并没有将其从数组中移除,也就不影响数组的长度。

 

20 数组的length不是一个只读属性,可以对其进行设置,若设置值小于原来的数组长度,则原来的数组会被截短,只保留length设置的个数;若设置值大于原来的数组长度,则原来的数组会被扩充,扩充的各元素为undefined。

 

    

 

 

 



已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [javascript 技巧] 推荐:

javascript技巧

- - ITeye博客
oncontextmenu="window.event.returnValue=false"  将彻底屏蔽鼠标右键. < table border oncontextmenu=return(false)>< td>no< /table>  可用于Ta bl e. < body onselectstart="return false">  取消选取、防止复制.

javaScript高级技巧

- - JavaScript - Web前端 - ITeye博客
注意: uncaught refereceError:is not defined 和 undefined 不是一样. js是函数级作用域,在内部的变量,函数内部都能访问,函数外部不能访问函数内部的变量,函数内部能访问外部的变量. 注意:在函数里声明变量,都会提到函数的最前面. 如何可以在函数外部拿到函数内部的变量,就需要使用闭包(注意使用,闭包会造成内存泄露).

JavaScript的一些技巧

- - Web前端 - ITeye博客
主要列举了使用JavaScript时应该注意的一些技巧. 1 变量使用前,需要使用var关键字声明,避免使用全局变量;. 2 尽量使用===(!==),而不用==(!=);.    ===(!==)操作不执行转换,在速度上被认为优于==(!=). 3 使用闭包实现私有变量;. 4 语句结尾不省略分号;.

[小技巧] JavaScript Cross Browser Best Practices

- - 小惡魔 - 電腦技術 - 工作筆記 - AppleBOY
我們來看看 Javascript 的小技巧. 不要再使用 navigator.userAgent. 簡單來說 Canvas 在 IE9 才有支援,所以針對 IE 部份,我們使用 navigator.userAgent 來判斷. 但是如果遇到 Safari, Chrome, Android, IPad, IPhone 版本呢,也很好解決,就是一直些判斷式,那為什麼不換個角度去想,直接判斷有無 Cnavas 功能即可,透過 Modernizr 套件可以簡單做到.

高效率JavaScript编写技巧

- - CSDN博客Web前端推荐文章
最近在编写一个JavaScript框架,发现有很多细节注意得不够,担心长时间积累会导致框架实际应用的时候出现严重的效率问题. 于是开始关注JavaScript提高效率的一些技巧,在这里分享给大家. 1.JavaScript是唯一一个对代码体积要求越小越好的语言,因此我们可以通过一些工具来精简和压缩JavaScript代码,如JSMin、Packer、YUICompressor等.

原生JavaScript技巧大收集

- - JavaScript - Web前端 - ITeye博客
1、原生JavaScript实现字符串长度截取. 2、原生JavaScript获取域名主机. 3、原生JavaScript清除空格. 4、原生JavaScript替换全部. 5、原生JavaScript转义html标签. 6、原生JavaScript还原html标签. 7、原生JavaScript时间日期格式转换.

【转载】最新的Javascript和CSS应用技巧荟萃

- - HTML5研究小组
随着前端技术的发展, javascript和 css在网站和web应用中展现出强大的统治力,特别是随着HTML5和CSS3的标准的成熟,我们可以使用javascript和css开发出你想都没有想到过的特效和动画,在今天的这篇文章中,我们将介绍一组相关CSS和javascript的强大教程和插件,希望大家喜欢.

今天开始应该使用 5 个JavaScript调试技巧

- - SegmentFault 最新的文章
我之前使用过用 printf debugging,自此之后我用这种方法似乎总能更快地解决bug. 在某些情况下需要更好的工具,下面是其中的一些佼佼者,我敢肯定你会发现它们的有用之处:. 正如我 之前提到的,你可以使用“debugger;”语句在代码中加入强制断点. 有时DOM像有了自己的想法.

JavaScript编程注意事项、技巧大全

- - SegmentFault 最新的文章
收藏自 JavaScript奇技淫巧45招. JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等. JavaScript还是很多新手踏入编程世界的第一个语言. 既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.

Javascript诞生记

- Milido - 阮一峰的网络日志
二周前,我谈了一点Javascript的历史. 今天把这部分补全,从历史的角度,说明Javascript到底是如何设计出来的. 只有了解这段历史,才能明白Javascript为什么是现在的样子. 我依据的资料,主要是Brendan Eich的自述. "1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.