javascript - 如何对字符串使用链式原型(prototype)

Question

我想对字符串使用链式原型(prototype)。但是我返回的字符串原型(prototype)不再适用。如何通过原型(prototype)方法在不返回 this 的情况下修复它，与原生 String.prototype 相同。

function StringUtil(str){
  this.str = str;
}

StringUtil.prototype.toCamelCase = function () {
  return this.str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(letter, index) {
    return index === 0 ? letter.toLowerCase() : letter.toUpperCase();
  }).replace(/\s+/g, '');
};

StringUtil.prototype.toSlug = function() {
  return this.str.toString().toLowerCase()
    .replace(/\s+/g, '-')           // Replace spaces with -
    .replace(/[^\w\-]+/g, '')       // Remove all non-word chars
    .replace(/\-\-+/g, '-')         // Replace multiple - with single -
    .replace(/^-+/, '')             // Trim - from start of text
    .replace(/-+$/, '');            // Trim - from end of text
};

var util = new StringUtil('this is a custom string');
console.log(util.toCamelCase()) // thisIsACustomString
console.log(util.toSlug()) // this-is-a-custom-string

util.toCamelCase().toSlug() // This does not work

Answer 1

StringUtil.prototype.toCamelCase = function () {
  return this.str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(letter, index) {
    return index === 0 ? letter.toLowerCase() : letter.toUpperCase();
  }).replace(/\s+/g, '');
};

您正在返回 this.str.replace 返回的值，与 String.prototype.replace'return (a string) 相同。

与您的下一个功能相同。