You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何创建可直接在变量末尾调用的JavaScript原型函数?

给字符串添加自定义原型方法实现类似.split()的调用方式

嘿,你说得完全没错,这种能直接在变量末尾调用的方法就是原型方法——原生的.split()、.replace()都是挂载在String.prototype上的,所以我们只需要把你的logThis方法也挂载到这里就行。

直接看修正后的极简代码,完美满足需求:

String.prototype.logThis = function(a) {
  console.log(`The ${this} is cool like a ${a}`);
}

var food = "apple";
food.logThis("orange");

核心细节说明:

  • 把方法绑定到String.prototype上,所有字符串实例(比如你的food变量)都会自动继承这个方法,和原生方法的调用逻辑完全一致
  • 方法内部的this就是调用该方法的字符串本身(这里就是"apple")
  • 用模板字符串(`...`)让字符串拼接更简洁,同时修正了你原代码里this和is cool之间缺失的空格问题

运行这段代码后,控制台会输出:

The apple is cool like a orange

内容的提问来源于stack exchange,提问作者IchQuile

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.12 05:28:23