`
maziheng
  • 浏览: 58176 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Js给类型增加方法

阅读更多

给类型增加方法 Argumenting Types

可以通过Function.prototype增加方法,使得方法对所有函数可用

//通过Function.prototype增加一个method方法,我们不必键入prototype这个属性名,就可以为一个对象创建方法了
//给基本类型增加方法,可以大大增加JS的表现力
/*基本类型的原型是公共的结构,因此在添加时首先确定下没有此方法*/
Function.prototype.method = function(name,func){
	if(!this.prototype[name]){
		this.prototype[name] = func;
	}
	return this;
}

 针对number类型的数字取整数 (JS自带的取整方法丑陋,这里可以添加一个取证方法)

Number.method('integer',function(){
	return Math[this<0 ? 'ceil' : 'floor'](this);
});
function integerMethod(){
	var result = (-10/3).integer();
	document.getElementById("ArgumentingId").innerHTML = result;
}

 JS 缺少一个移除字符串末端空白的方法。  

String.method('trim',function(){
	return this.replace(/^\s+|\s+$/g,'');
})
function trimMethod(){
	var str = '123   ';
//	str = "|"+str+"|";
	str = "|"+str.trim()+"|";
	document.getElementById("ArgumentingId2").innerHTML = str;
}

 html代码

 <button onclick="integerMethod();">增加方法integer</button>
    <div id='ArgumentingId'></div>
    <button onclick="trimMethod();">增加方法trim</button>
    <div id='ArgumentingId2'></div>

 

 

 

分享到:
评论

相关推荐

    TS为已有JS文件提供类型模板

    标题"TS为已有JS文件提供类型模板"揭示了TypeScript(TS)的一个关键功能,即为已经存在的JavaScript(JS)代码添加静态类型检查和类型定义。TypeScript是一种强类型、静态类型的超集,它可以编译成纯JavaScript。这...

    JavaScript 类型检查库 types.js.zip

    总的来说,TypesJS 是一个强大且灵活的JavaScript类型检查库,它的存在弥补了JavaScript动态类型带来的潜在问题,提高了代码质量并降低了出错的可能性。在进行JavaScript开发时,尤其是大型项目中,合理地使用类型...

    为JavaScript类型增加方法的实现代码(增加功能)

    因此,如果我们想给这些类型增加全局方法,可以直接在Function.prototype上添加。例如: ```javascript Function.prototype.addMethod = function(methodName, func) { if (!this[methodName]) { this[methodName...

    JS中自定义类和对象.doc

    通过使用 `prototype` 属性,可以在不为每个实例创建单独方法的情况下添加方法。这通常涉及到定义一个构造函数,并将所有方法挂载在其 `prototype` 上。 ##### 示例 ```javascript function Fruit() {} Fruit....

    javascript实现动态导入js与css等静态资源文件的方法.docx

    ### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法 在现代 Web 开发中,动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能(例如,按需加载资源),还能增强用户体验(例如,在特定...

    跟我学习javascript的基本类型和引用类型

    因此,我们无法给基本类型添加属性和方法。任何对基本类型的属性或方法的调用,JavaScript都会在后台自动将基本类型转换为相应的对象,调用完毕后立即销毁这个对象。 总结而言,JavaScript的基本类型和引用类型是...

    js大全,包括所有的js方法

    根据提供的文件信息,本文将对JavaScript(简称JS)进行全面深入的解析,并重点介绍常见的JS方法。由于“所有JS方法”范围过于广泛,我们将挑选部分常用且重要的方法进行讲解。 ### JavaScript简介 JavaScript是一...

    浅析JavaScript中的类型和对象

    当定义自己的构造函数时,可以利用.prototype来添加方法,使得所有实例都能使用这些方法。例如,创建一个自定义类Aclass,我们可以在构造函数内定义属性和方法,然后通过Aclass.prototype添加更多的方法。这样,所有...

    spreadjs_改变单元格类型-demo.zip

    《SpreadJS:改变单元格类型的实现与应用》 SpreadJS是一款功能强大的JavaScript电子表格库,由GrapeCity公司开发,广泛应用于Web应用中,提供类似于Microsoft Excel的功能,包括数据编辑、计算公式、图表制作等。...

    JS表单验证 JS校验代码 JS数据类型校验

    JavaScript(简称JS)是网页开发中用于实现动态交互的重要脚本语言,特别是在处理表单验证时,它的作用不可或缺。表单验证确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。本文将深入探讨...

    video.js使用常用方法110行demo源程序资源

    《video.js使用常用方法110行demo源程序资源详解》 video.js是一款强大的开源JavaScript和CSS库,专为构建响应式、自定义且功能丰富的HTML5视频播放器而设计。这款播放器提供了丰富的API和插件系统,使得开发者能够...

    为JavaScript中的String添加一些常用方法

    总结来说,这篇博客探讨了如何通过扩展JavaScript的String.prototype来增加自定义方法,例如`reverseWords`、`isPalindrome`和`repeatTimes`,这些都是非常实用的功能。通过这种方式,开发者可以根据项目的具体需求...

    用js保存页面指定内容、指定文件类型

    标题中的“用js保存页面指定内容、指定文件类型”指的是使用JavaScript在网页中实现功能,让用户能够下载页面上的特定内容,并且可以选择文件的保存类型。这个功能在许多现代Web应用中非常常见,例如用户可能希望...

    js上传图片大小类型限制检测

    以上代码展示了如何使用JavaScript进行图片上传前的类型和大小检测,并在发现问题时给出相应的错误信息。在实际应用中,这些功能可以进一步封装,以适应不同场景的需求,比如添加多文件上传支持、处理更多类型的限制...

    Three.js 给obj模型添加材料纹理的样例

    在本文中,我们将深入探讨如何使用Three.js库为OBJ模型添加材料纹理。Three.js是一个流行的JavaScript库,用于在Web浏览器中创建和展示3D图形。它简化了WebGL的复杂性,使开发者能够轻松地创建交互式的3D场景。在这...

    ExtJS验证上传文件类型

    例如,我们只想让用户上传特定的文件类型,例如txt文件,那么如何实现当用户上传非txt文件时,给出错误提示呢?这篇文章将详细讲述ExtJS如何验证文件上传类型。 使用 Validator 验证文件类型 在 ExtJS 中,我们...

    JS数据类型判断的几种常用方法

    本文将详细介绍两种主要的JS数据类型判断方法:`typeof`和`instanceof`,以及如何针对不同情况选择合适的判断方式。 首先,`typeof`运算符是最常用的数据类型检测手段。它可以直接对变量或表达式进行操作,返回一个...

    javascript常用函数 javascript 常用库

    在JavaScript的常用库中,我们可以找到许多方便的公共方法,这些方法极大地提高了开发效率。 一、JavaScript常用函数 1. 数组操作函数 - `push()`: 向数组末尾添加一个或多个元素,并返回新长度。 - `pop()`: ...

Global site tag (gtag.js) - Google Analytics