JavaScript 学习随记

最新推荐文章于 2020-08-10 18:51:21 发布

原创最新推荐文章于 2020-08-10 18:51:21 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文详细探讨了JavaScript中数组的遍历方法，特别是for...in循环的应用，以及正则表达式的贪婪与非贪婪匹配的区别。通过具体实例展示了如何正确使用这些特性。

由于Array也是对象，而它的每个元素的索引被视为对象的属性，因此，for ... in循环可以直接循环出Array的索引：

var a = ['A', 'B', 'C'];
for (var i in a) {
    console.log(i); // '0', '1', '2'
    console.log(a[i]); // 'A', 'B', 'C'
}

请注意，for ... in对Array的循环得到的是String而不是Number。

贪婪匹配

需要特别指出的是，正则匹配默认是贪婪匹配，也就是匹配尽可能多的字符。举例如下，匹配出数字后面的0：

var re = /^(\d+)(0*)$/;
re.exec('102300'); // ['102300', '102300', '']

由于\d+采用贪婪匹配，直接把后面的0全部匹配了，结果0*只能匹配空字符串了。

必须让\d+采用非贪婪匹配（也就是尽可能少匹配），才能把后面的0匹配出来，加个?就可以让\d+采用非贪婪匹配：

var re = /^(\d+?)(0*)$/;
re.exec('102300'); // ['102300', '1023', '00']

'use strict';

var logging = document.getElementById('test-promise2-log');
while (logging.children.length > 1) {
    logging.removeChild(logging.children[logging.children.length - 1]);
}

function log(s) {
    var p = document.createElement('p');
    p.innerHTML = s;
    logging.appendChild(p);
}

// 0.5秒后返回input*input的计算结果:
function multiply(input) {
    return new Promise(function (resolve, reject) {
        log('calculating ' + input + ' x ' + input + '...');
        if(input === 'undefined')
            reject('undefined');
        if(isNaN(input))
            reject('NaN');
        if(input > 0)
            setTimeout(resolve, 500, input * input);
        else
            reject('less than 0');        
    });
}

// 0.5秒后返回input+input的计算结果:
function add(input) {
    return new Promise(function (resolve, reject) {
        log('calculating ' + input + ' + ' + input + '...');
        if(input === 'undefined')
            reject('undefined');
        if(isNaN(input))
            reject('NaN');
        setTimeout(resolve, 500, input + input);
    });
}

var p = new Promise(function (resolve, reject) {
    log('start new Promise...');
    resolve(-1);
});

p.then(multiply).catch(function (r) {log('Error: ' + r);})
 .then(add).catch(function (r) {log('Error: ' + r);})
 .then(multiply).catch(function (r) {log('Error: ' + r);})
 .then(add).catch(function (r) {log('Error: ' + r);})
 .then(function (result) {
    log('Got value: ' + result);
});

Log:

start new Promise...

calculating -1 x -1...

Error: less than 0

calculating undefined + undefined...

Error: NaN

calculating undefined x undefined...

Error: NaN

calculating undefined + undefined...

Error: NaN

Got value: undefined

catch之后依旧会往下执行

如果p用1初始化，直接忽略所有catch

Log:

start new Promise...

calculating 1 x 1...

calculating 1 + 1...

calculating 2 x 2...

calculating 4 + 4...

Got value: 8