你见过哪些令你瞠目结舌的 JavaScript 代码技巧?

function getRating(rating) {    if(rating > 5 || rating < 0) throw new Error('数字不在范围内');    return '★★★★★☆☆☆☆☆'.substring(5 - rating, 10 - rating );
}12345

可以快速打印一个五分制的评分情况。

Math.random().toString(36).substr(2,10)
1

获得一个10位长度的随机字符串


你见过哪些令你瞠目结舌的 JavaScript 代码技巧?



3.

你见过哪些令你瞠目结舌的 JavaScript 代码技巧?



4.贴一个在《JavaScript 忍者秘籍》里看到的技巧:

function addMethod(object, name, fn) {    var old = object[name];
    object[name] = function(){        if (fn.length == arguments.length)           return fn.apply(this, arguments)        else if (typeof old == 'function')           return old.apply(this, arguments);
    };
}12345678910

你能猜到这个函数的用处么

5.膛目结舌算不上, 但是个实用的小技巧.

数字补零:

function format(n, length) {    return (Array(length).join('0') + n).substr(-length);
}123

或者特殊情况:

('0' + n).substr(-2); // 2 位('000' + n).substr(-4); // 4 位12

主流 Promise 实现中的 each helper 也很有意思:

function each(items, callback) {    return items.reduce((promise, item) => promise.then(() => callback(item)), Promise.resolve());
}123

还有个有意思的应用是 toString 配合 join:

class FormData {
    constructor(key, value) {        this.key = key;        this.value = value;
    }
    
    toString() {        return encodeURIComponent(this.key) + '=' + encodeURIComponent(this.value);
    }
}let items = [    new FormData('foo', 'yo yo yo!'),    new FormData('bar', 'biu biu biu!')
];

console.log(items.join('&'));123456789101112131415161718

【免责声明:本文图片及文字信息均由千锋重庆Java培训小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。】

上一篇:在oracle中通过身份证号获取出生日期,性别


下一篇:js 使用 substr 和substring 的区别记录