首页 > 软件开发 > HTML >

js字符串的扩展方法

来源:互联网 2023-03-16 19:15:39 295

在做前端开发时,我们经常会使用到js来处理前端逻辑的,在js中,我们在使用字符串时,如果需要扩展一个字符串的方法,怎么操作?使用prototype来链接一个新的方法就行了。下面来看一下。

ic9办公区 - 实用经验教程分享!

ic9办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们先在html里添加一个按钮,来调用字符串的方法。

    ic9办公区 - 实用经验教程分享!

    ic9办公区 - 实用经验教程分享!

    js字符串的扩展方法ic9办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    在事件方法里,我们先调用一下字符串原有的concat方法,这是连接多个字符串的方法。

    ic9办公区 - 实用经验教程分享!

    ic9办公区 - 实用经验教程分享!

    js字符串的扩展方法ic9办公区 - 实用经验教程分享!

  • 3

    在页面上点击按钮后,可以看到二个字符串连接在一起了。

    ic9办公区 - 实用经验教程分享!

    ic9办公区 - 实用经验教程分享!

    js字符串的扩展方法ic9办公区 - 实用经验教程分享!

  • 4

    修改事件方法,调用字符串的add方法,这个字符串的方法现在是不存在的

    ic9办公区 - 实用经验教程分享!

    ic9办公区 - 实用经验教程分享!

    js字符串的扩展方法ic9办公区 - 实用经验教程分享!

  • 5

    在页面上点击按钮后,也可以看到提示方法是不存在的。

    ic9办公区 - 实用经验教程分享!

    ic9办公区 - 实用经验教程分享!

    js字符串的扩展方法ic9办公区 - 实用经验教程分享!

  • 6

    假设我们要为字符串扩展一个add的方法,就使用String.prototype.add来链接一个新的方法就行了,在方法体里写上这个方法的对应逻辑就行了。

    ic9办公区 - 实用经验教程分享!

    ic9办公区 - 实用经验教程分享!

    js字符串的扩展方法ic9办公区 - 实用经验教程分享!

  • 7

    然后我们刷新页面,再点击按钮,可以看到能正常调用到字符串的这个扩展的方法了,也返回的正确的结果。

    ic9办公区 - 实用经验教程分享!

    ic9办公区 - 实用经验教程分享!

    js字符串的扩展方法ic9办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ic9办公区 - 实用经验教程分享!


    标签: 编程语言JAVASCRIPTHTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码