很多前端只会谢谢页面,一让他们接触js,就非常害怕。
我想有的东西,你越害怕,就越要了解它,读懂它,就会发现它还有你不知道的那一面美好。
好的,直入主题,直接说说js相关的一些奇淫技巧。
一.运算相关
console.log('10.567890'|0); //10 console.log('10.567890'^0); //10 console.log(-2.23456789|0); //-2 console.log(~~-2.23456789); //-2
二.首次为变量赋值时务必使用var关键字
变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量。
三.使用===取代==
==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快。
[10] === 10 // is false [10] == 10 // is true '10' == 10 // is true '10' === 10 // is false [] == 0 // is true [] === 0 // is false '' == false // is true '' === false // is false
四.js对象转换:
//1.日期转数值: var d = +new Date(); //1295698416792 //2. 类数组对象转数组: var arr = [].slice.call(arguments)
五.漂亮的随机码
Math.random().toString(16).substring(2); //14λ Math.random().toString(36).substring(2); //11λ
六.合并数组:
var a = [1,2,3,4]; var b = [4,5,6]; Array.prototype.push.apply(a, b); console.log(a); //[1,2,3,4,4,5,6] 不能去重
七.用0补全位数:
function prefixInteger(num, length) { return (num / Math.pow(10, length)).toFixed(length).substr(2); }
八.交换值:
a= [b, b=a][0];
九.删除数组元素
var a = [1,2,3,4,5]; a.splice(3,1);
十.条件判断:
var a = b && 1; //相当于 if (b) { a = b; } else { a = 1; }
十一.判断IE:
var ie = /*@cc_on !@*/false;
十二.使用对象构造器
function Person(firstName, lastName){ this.firstName = firstName; this.lastName = lastName; } var Saad = new Person("Saad", "Mousliki");
十三.小心使用typeof、instanceof和contructor
typeof:JavaScript一元操作符,用于以字符串的形式返回变量的原始类型,注意,typeof null也会返回object,大多数的对象类型(数组Array、时间Date等)也会返回object
instanceof:JavaScript操作符,会在原型链中的构造器中搜索,找到则返回true,否则返回false
contructor:内部原型属性,可以通过代码重写
var arr = ["a", "b", "c"]; typeof arr; // 返回 "object" arr instanceof Array // true arr.constructor(); //[]
十四.使用自调用函数
函数在创建之后直接自动执行,通常称之为自调用匿名函数(Self-Invoked Anonymous Function)或直接调用函数表达式(Immediately Invoked Function Expression )。格式如下:
(function(){ // 置于此处的代码将自动执行 })(); (function(a,b){ var result = a+b; return result; })(10,20)
十五.从数组中随机获取成员
var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe']; var randomItem = items[Math.floor(Math.random() * items.length)];
文章来源: 前端js奇淫技巧(一)