前端js技巧(一)

很多前端只会谢谢页面,一让他们接触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)];
  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值