ECMAScript提供了三个基于子字符串创建新字符串的方法： slice()、 substr()和substring()。

这三个方法都会返回被操作字符串的一个子字符串，而且也都接受一或两个参数。

• 第一个参数指定子字符串的开始位置，
• 第二个参数（在指定的情况下）表示子字符串到哪里结束。具体来说， slice()和substring()的第二个参数指定的是子字符串最后一个字符后面的位置。而 substr()的第二个参数指定的则是返回的字符个数。

如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。
slice()、 substr()和 substring()也不会修改字符串本身的值——它们只是返回一个基本类型的字符串值，对原始字符串没有任何影响。

var stringValue = "hello world";
alert(stringValue.slice(3)); //"lo world"
alert(stringValue.substring(3)); //"lo world"
alert(stringValue.substr(3)); //"lo world"
alert(stringValue.slice(3, 7)); //"lo w"
alert(stringValue.substring(3,7)); //"lo w"
alert(stringValue.substr(3, 7)); //"lo worl"

在传递给这些方法的参数是负值的情况下，它们的行为就不尽相同了

其中， slice()方法会将传入的负值与字符串的长度相加，
substr()方法将负的第一个参数加上字符串的长度，而将负的第二个参数转换为 0。
substring()方法会把所有负值参数都转换为 0。

var stringValue = "hello world";
alert(stringValue.slice(-3)); //"rld"
alert(stringValue.substring(-3)); //"hello world"
alert(stringValue.substr(-3)); //"rld"
alert(stringValue.slice(3, -4)); //"lo w"
alert(stringValue.substring(3, -4)); //"hel"
alert(stringValue.substr(3, -4)); //""（空字符串）

这个例子清晰地展示了上述三个方法之间的不同行为。

• 在给 slice()和 substr()传递一个负值参数时，它们的行为相同。
  这是因为-3 会被转换为 8（字符串长度加参数 11+(3)=8）实际上相当于调用了 slice(8)和 substr(8)。但 substring()方法则返回了全部字符串，因为它将-3 转换成了 0。

• 当第二个参数是负值时，这三个方法的行为各不相同。
  slice()方法会把第二个参数转换为 7，这就相当于调用了 slice(3,7)，因此返回"lo w"。
  substring()方法会把第二个参数转换为 0，使调用变成了 substring(3,0)，而由于这个方法会将较小的数作为开始位置，将较大的数作为结束位置，因此最终相当于调用了 substring(0,3)。
  substr()也会将第二个参数转换为 0，这也就意味着返回包含零个字符的字符串，也就是一个空字符串。
  

  ---

  
  参考资料：《javaScript高级程序设计第三版》