JavaScript中String.prototype用法实例


Posted in Javascript onMay 20, 2015

本文实例讲述了JavaScript中String.prototype用法。分享给大家供大家参考。具体如下:

// 返回字符的长度,一个中文算2个
String.prototype.ChineseLength=function()
{ 
  return this.replace(/[^\x00-\xff]/g,"**").length;
}
// 判断字符串是否以指定的字符串结束
String.prototype.EndsWith = function(str) 
{
  return this.substr(this.length - str.length) == str;
}
// 去掉字符左端的的空白字符
String.prototype.LeftTrim = function()
{
  return this.replace(/(^[\\s]*)/g, "");
}
// 去掉字符右端的空白字符
String.prototype.RightTrim = function()
{
  return this.replace(/([\\s]*$)/g, "");
}
// 判断字符串是否以指定的字符串开始
String.prototype.StartsWith = function(str) 
{
  return this.substr(0, str.length) == str;
}
// 去掉字符两端的空白字符
String.prototype.Trim = function()
{
  return this.replace(/(^\s*)|(\s*$)/g, "");
}

这就是我们经常看到的为内部对象, 如 String, Math 等再添加其它属性和方法的技巧. 对于任何的内部对象和自定义对象, 你都也可以通过 prototype 来重载其下的属性和方法. 那么在调用执行时, 它将调用你所定义的方法和属性. 下面是示例:

// 为内部 String 对象添加方法
String.prototype.myMethod = function(){
 return "my define method";
}
// 为内部 String 对象重载方法
String.prototype.toString = function(){
 return "my define toString method";
}
var myObj = new String("foo");
alert(myObj.myMethod());
alert(myObj);
alert("foo".toString());

另外需要注意的是, 所有 JavaScript 内部对的 prototype 属性都是只读的. 你可以像上面那样为内部对象的原型添加或重载属性和方法,但不能更改该内部对象的 prototype 原型. 然而, 自定义对象可以被赋给新的原型. 也就是说, 像下面这样做是没有意思的.

function Employee() {
 this.dept = "HR";
 this.manager = "John Johnson";
}
String.prototype = new Employee;
var myString = new String("foo");

上面的程序在运行之后不会报错, 但显然, 如果你调用 myString.dept 将会得到一个非定义的值.

另外, 一个经常使用的是 prototype 下的 isPrototypeOf() 方法, 它主要用来判断指定对象是否存在于另一个对象的原型链中. 语法如下:

object1.prototype.isPrototypeOf(0bject2);

上面的格式是用来判断 Object2 是否出现 Object1 的原型链中. 示例如下:

function Person() {
 this.name = "Rob Roberson";
 this.age = 31;
}
function Employee() {
 this.dept = "HR";
 this.manager = "John Johnson";
}
Employee.prototype = new Person();
var Ken = new Employee();

当执行 Employee.prototype.isPrototypeOf(Ken), Person.prototype.isPrototypeOf(Ken) 和 Object.prototype.isPrototypeOf(Ken) 时, 结果都会返回 true.

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
js弹出div并显示遮罩层
Feb 12 Javascript
jQuery性能优化的38个建议
Mar 04 Javascript
jquery获取radio值(单选组radio)
Oct 16 Javascript
基于zepto.js简单实现上传图片
Jun 21 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
关于react-router的几种配置方式详解
Jul 24 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
实现无刷新联动例子汇总
May 20 #Javascript
javascript中CheckBox全选终极方案
May 20 #Javascript
javascript消除window.close()的提示窗口
May 20 #Javascript
在JS方法中返回多个值的方法汇总
May 20 #Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 #Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 #Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 #Javascript
You might like
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
PHP 可阅读随机字符串代码
2010/05/26 PHP
Zend的MVC机制使用分析(二)
2013/05/02 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
PHP入门教程之上传文件实例详解
2016/09/11 PHP
类似框架的js代码
2006/11/09 Javascript
prototype Element学习笔记(篇一)
2008/10/26 Javascript
事件绑定之小测试  onclick && addEventListener
2011/07/31 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
JavaScript类的写法
2016/09/17 Javascript
javascript回调函数详解
2018/02/06 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
2018/04/20 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
JavaScript实现网页跨年倒计时
2020/12/02 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
python3图片文件批量重命名处理
2019/10/31 Python
Python3+RIDE+RobotFramework自动化测试框架搭建过程详解
2020/09/23 Python
CSS3 圆角效果
2009/07/15 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
2019/04/12 HTML / CSS
商务英语毕业生自荐信范文
2013/11/08 职场文书
入党积极分子介绍信
2014/01/17 职场文书
求职意向书范文
2014/04/01 职场文书
企业总经理任命书
2014/06/05 职场文书
法人授权委托书样本
2014/09/19 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
领导班子党的群众路线对照检查材料
2014/09/25 职场文书
2014党的群众路线教育实践活动总结报告
2014/10/31 职场文书
公司员工培训管理制度
2015/08/04 职场文书
公司晚会主持词
2019/04/17 职场文书
MySQL七大JOIN的具体使用
2022/02/28 MySQL