本文详细解析JavaScript中substring与substr两个字符串截取函数的使用方法。通过对比单参数与双参数场景，阐明substring第二个参数代表结束位置，而substr第二个参数代表截取长度，帮助开发者准确选择适用函数。
substring函数用法
首先介绍substring函数的基本用法。
一、substring
该函数至少需要传入一个参数，用于指定字符串的起始索引位置；第二个参数为可选参数，用于指定截取的结束索引位置。
当仅传入一个参数时：
代码如下:
<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
*/
var str = '欢迎各位童鞋到本站做客';
var sub = str.substring(3);
alert(sub); // out : 位童鞋到本站做客
</script>当传入两个参数时：
代码如下:
<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
*/
var str = '欢迎各位童鞋到本站做客';
var sub = str.substring(3,11);
alert(sub); // out : 位童鞋到本站
</script>substr函数用法
二、substr
substr函数同样至少需要一个参数，第一个参数指定起始索引位置，第二个参数为可选参数，用于指定截取的字符长度。
当仅传入一个参数时：
代码如下:
<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
*/
var str = '欢迎各位童鞋到本站做客';
var sub = str.substr(3);
alert(sub); // out : 位童鞋到本站做客
</script>当传入两个参数时：
代码如下:
<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
*/
var str = '欢迎各位童鞋到本站做客';
var sub = str.substr(3,2);
alert(sub); // out : 位童
</script>通过上述示例对比可知，当仅使用一个参数时，substring与substr的截取结果相同；两者的核心区别在于第二个参数的含义：substring的第二个参数表示结束位置，而substr的第二个参数表示截取长度。