请求指导：创建接收指定前置元素而非对象的自定义方法（如capitalize）

没问题，我来帮你搞定这个需求！你想要让获取到的表单输入值（字符串类型）直接调用自定义的capitalize()方法，核心思路是扩展JavaScript的String原型对象——因为所有字符串实例都会继承原型上的方法，这样你的element变量（本质是字符串）就能直接调用自定义方法了。

具体实现代码 #

"use strict";

// 给String原型添加自定义的capitalize方法
String.prototype.capitalize = function() {
  // 这里的this就是调用该方法的字符串（也就是你的element变量）
  if (!this.length) return this; // 处理空字符串的情况
  // 首字母大写，其余字符转为小写（可根据需求调整逻辑）
  return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase();
};

// 你的业务代码
var element = document.getElementById('name').value;
var result = element.capitalize(); // 直接调用自定义方法
console.log(result);

关键细节说明 #

• 为什么用String.prototype？ 因为element是document.getElementById('name').value，它的类型是字符串，所有字符串实例都会共享原型上的方法，这样定义后任何字符串都能调用capitalize()。
• 方法里的this是什么？ 这里的this就是调用该方法的字符串本身（也就是你提前获取到的element的值），完全符合你“接收已定义的元素而非对象”的要求。
• 可自定义逻辑 如果你不需要把其余字符转为小写，只保留首字母大写，把toLowerCase()去掉就行，比如：return this.charAt(0).toUpperCase() + this.slice(1);

注意事项 #

• 扩展原生对象原型要谨慎，避免和其他第三方库的方法重名。如果担心冲突，可以给方法加个独特前缀，比如myCapitalize。
• 如果你在团队项目中使用，最好和队友沟通确认，避免因为原型扩展导致的潜在问题。

内容的提问来源于stack exchange，提问作者Nevil Saul Blemuss