[javascript string] slice();substr();substring();之间的区别

今天遇到这个问题,发现ぜんぜんわすねまます
3个方法,直接上代码吧,[网络版本较多就不注明参考过哪些了 -0- ]

    var test = 'hello world';

    //均一位参数测试
    console.log(test.slice(2));         //llo world
    console.log(test);  //hello world
    console.log(test.substr(2));        //llo world
    console.log(test);  //hello world
    console.log(test.substring(2));     //llo world
    console.log(test);  //hello world
    //---1个整数传参返回结果一样,亦不会影响原来的字符串
    console.log(test.slice(-2));         //ld
    console.log(test);  //hello world
    console.log(test.substr(-2));        //ld
    console.log(test);  //hello world
    console.log(test.substring(-2));     //hello world
    console.log(test);  //hello world
//    //---1个负数传参不会影响原来的字符串
//    //str.slice(a); str.substr(a);返回结果为字符串从右往左两位
//    //而 str.substring();则返回字符串本身

    //均两位参数测试
    console.log(test.slice(4,7));       //o w
    console.log(test);  //hello world
    console.log(test.substr(4,7));      //o world
    console.log(test);  //hello world
    console.log(test.substring(4,7));   //o w
//    console.log(test);  //hello world
    //第2位传参为正整数
    //1.都不会改变原有str的长度
    //2.str.slice(a,b); str.substring(a,b);
        //均为下标0起,由下标a到下标b截取的值
    //       str.substr(a,b); //与前两个方法有区别
        //获得结果为截取下标0起,由下标a起往后b位下标

    console.log(test.slice(4,-3));       //o wo
    console.log(test);  //hello world
    console.log(test.substr(4,-3));      // (空)
    console.log(test);  //hello world
    console.log(test.substring(4,-3));   //hell
    console.log(test);  //hello world
    //第2位传参为负整数
    //1.都不会改变原有str的长度
    //2.test.slice(a,b);        获得为下标0起,由下标a起往后b位下标截取(下标0起,即-3为下标4)
    //  test.substr(a,b);       返回为空
    //  test.substring(a,b);    获得为下标0起,由下标a起往前b位下标截取(下标0起,即-3为下标4)