如何创建可直接在变量末尾调用的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
相关产品推荐
相关产品推荐

