javascript 技巧

http://www.cnblogs.com/yuzhongwusan/p/3564907.html

1.将arguments转化为数组
函数中的预定义变量arguments并非一个真正的数组,而是一个类似数组的对象。 
它具有length属性,但是没有slice, push, sort等函数,那么如何使arguments具有这些数组才有的函数呢? 
也就是说如何使arguments变成一个真正的数组呢?


function args(){

return [].slice.call(arguments)

}

var m=args(2,5,8) // [2, 5, 8]

m.push(10)//可以使用数组方法

console.log(m)// [2, 5, 8,10]

2.


function add() {

if(!arguments.callee.count) { //当前运行的函数的count属性。若为false,则设置为0

arguments.callee.count = 0;

}

return arguments.callee.count++;

}

add();   // 0

add();   // 1

add();   // 2  // arguments.callee指向当前正在运行的函数。 一般用于匿名函数中

3数组中的最大值

var arr = [2, 3, 45, 12, 8];

Math.max.apply(null, arr);// 45

4.修改arguments

function add() {

Array.prototype.push.call(arguments, 123);

//因为arguments不是数组,是类数组,故需要调用数组方法

return arguments;

}

add(100); // [100,123]

/***1-4   数组操作**/

5.判断一个变量是否为undefined

typeof(name2) === ‘undefined’;// true

6.私有变量

var person =(function() {

var _name=‘1000‘;

return {

getName:function() {   return _name || ‘2000‘;   }

}

})();

person.getName(); // "1000"

typeof(person._name); // "undefined"

7.JavaScript没有块级上下文(Scope).即函数才是作用域

for(var i = 0; i < 2; i ++) { }

i;  // 2

8.If 中的假:null, undefined, NaN, 0, ‘’, false

9.0.1+0.2 != 0.3
 JavaScript将小数作为浮点数对待,所以可能会产生一些四舍五入的错误,比如:

0.1 + 0.2; // 0.30000000000000004

你可以通过toFixed方法指定四舍五入的小数位数:

(0.1 + 0.2).toFixed(); // "0"

(0.1 + 0.2).toFixed(1); // "0.3"

  1. encodeURI和encodeURIComponent

window.encodeURI函数用来编码一个URL,但是不对这些编码:“:”, “/”, “;”, “?”. 
window.encodeURIComponent则会对上述字符进行编码。
我们通过一个例子来说明:

‘index.jsp?page=‘+encodeURI(‘/page/home.jsp‘);  // "index.jsp?page=/page/home.jsp"

‘index.jsp?page=‘+encodeURIComponent(‘/page/home.jsp‘);  // "index.jsp?page=%2Fpage%2Fhome.jsp"

因此,在对URL进行编码时我们经常会选择 encodeURIComponent。

11.table.innerHTML在IE的table下是只读属性

<table id="table1"> </table>

// works well in Firefox, but fail to work in IE

document.getElementById(‘table1‘).innerHTML = "<tr><td>Hello</td><td>World!</td></tr>";

应该:

document.getElementById(‘table1‘).innerHTML = "<table><tr><td>Hello</td><td>World!</td></tr></table>";

12.Boolean 和 new Boolean

我们可以把Boolean看做是一个函数,用来产生Boolean类型的值(Literal):

Boolean(false) === false; // true

Boolean(‘‘) === false; // true

所以,Boolean(0)和!!0是等价的。 
我们也可以把Boolean看做是一个构造函数,通过new来创建一个Boolean类型的对象:

new Boolean(false) === false; // false

new Boolean(false) == false; // true

typeof(new Boolean(false)); // "object"

typeof(Boolean(false)); // "boolean"

13.一元操作符 +在JavaScript中,我们可以在字符串之前使用一元操作符“+”。这将会把字符串转化为数字,如果转化失败则返回NaN。【原理未知】

2 + ‘1‘; // "21"

2 + ( +‘1‘); // 3

如果把 + 用在非字符串的前面,将按照如下顺序进行尝试转化:

1 调用valueOf()

2 调用toString()

3 转化为数字

+new Date; // 1242616452016

+new Date === new Date().getTime(); // true

+new Date() === Number(new Date) // true

时间: 2024-10-12 06:58:38

javascript 技巧的相关文章

45种Javascript技巧大全

原文:45 Useful JavaScript Tips, Tricks and Best Practices 译文:45个有用的JavaScript技巧,窍门和最佳实践 译者:dwqs 在这篇文章中,我将分享一些JavaScript常用的技巧,窍门和最佳实践.不管JavaScript开发者是使用在浏览器/引擎上或者服务器端(SSJS--Service Side JavaScript)JavaScript解释器上,这些他们都是应该知晓的. 需要注意的是,文章中的代码片段均是在最新的Google

85种网站常用JavaScript技巧

40+45种网站常用Javascript技巧转载自网络,地址不详. 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取.防止复制 3.

原生JavaScript技巧大收集100个

原生JavaScript技巧大收集 1.原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.ex

冷门却使用的 javascript 技巧

前端已经被玩儿坏了!像用近似乱码的 javascript 拼一个图形,而且可以正常运行等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来.现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容. HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以jav

javascript技巧

1.将arguments转化为数组函数中的预定义变量arguments并非一个真正的数组,而是一个类似数组的对象. 它具有length属性,但是没有slice, push, sort等函数,那么如何使arguments具有这些数组才有的函数呢? 也就是说如何使arguments变成一个真正的数组呢? function args(){ return [].slice.call(arguments) } var m=args(2,5,8) // [2, 5, 8] m.push(10)//可以使用数

超实用的JavaScript技巧及最佳实践

众所周知,JavaScript是一门非常流行的编程语言,开发者用它不仅可以开发出炫丽的Web程序,还可以用它来开发一些移动应用程序(如PhoneGap或Appcelerator),它还有一些服务端实现,比如NodeJS.Wakanda以及其它实现.此外,许多开发者都会把JavaScript选为入门语言,使用它来做一些弹出窗口等小东西. 在这篇文章中,作者将会向大家分享JavaScript开发的小技巧.最佳实践等非常实用的内容,不管你是前端开发者还是服务端开发者,都应该来看看这些小技巧,它们绝对会

瞠目结舌的JavaScript技巧

今天在知乎上看到一篇JavaScript技巧,学习并收藏之 1. 快速打印一个五分制的评分情况 function getRating(rating) { if(rating > 5 || rating < 0) throw new Error('数字不在范围内'); return '★★★★★☆☆☆☆☆'.substring(5 - rating, 10 - rating ); } 2.拼接重复字符串(abcabcabc) //输出n个'abc'拼接的字符串 var str = new Arr

21个值得收藏的Javascript技巧

在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率. 1  Javascript数组转换为CSV格式 首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件.则我们可以使用如下的小技巧,代码如下: 1 2 var fruits = ['apple', 'peaches', 'oranges', 'mangoes']; var str = fruits.valueOf(); 输出:a

web开发者需知的45种Javascript技巧大全

web开发者需知的45种Javascript技巧大全 JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分

44招JavaScript技巧

JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分享一些JavaScript的技巧.秘诀和最佳实践,除了