快捷導(dǎo)航

Javascript如何實(shí)現(xiàn)擴(kuò)充基本類(lèi)型

更新時(shí)間：2020年08月26日 11:26:23 作者：starof

這篇文章主要介紹了Javascript如何實(shí)現(xiàn)擴(kuò)充基本類(lèi)型,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

可以通過(guò)給Function.prototype增加方法來(lái)使得該方法對(duì)所有函數(shù)可用。

通過(guò)給Function.prototype增加一個(gè)method方法，下次給對(duì)象增加方法的時(shí)候就不必鍵入prototype這幾個(gè)字符了。

Function.prototype.method=function(name,func){
  this.prototype[name]=func;
  return this;
}

一、JavaScript增加整數(shù)類(lèi)型

JavaScript沒(méi)有專(zhuān)門(mén)的整數(shù)類(lèi)型，但有時(shí)候確實(shí)只需要提前數(shù)字中的整數(shù)部分。

可以給Number.prototype增加一個(gè)integer方法。

inter()方法根據(jù)數(shù)字的正負(fù)來(lái)判斷是使用Math.ceiling還是Math.floor。

Number.method('integer',function(){
  return Math[this<0?'ceil':'floor'](this);
});
document.writeln((-10/3).integer());//-3

二、JavaScript缺少一個(gè)移除字符串首尾空白的方法

String.method('trim',function(){
  return this.replace(/^\s+|\s+$/g,'');
});

document.writeln(' " '+"  neat  ".trim() +' " ');//" neat "

基本類(lèi)型的原型是公用結(jié)構(gòu)，所以在類(lèi)庫(kù)混用時(shí)務(wù)必小心。一個(gè)保險(xiǎn)的做法就是只在確定沒(méi)有該方法時(shí)才添加它。

Function.prototype.method=function(name,func){
  if(!this.prototype[name]){
    this.prototype[name]=func;
  }
  return this;
}

new前綴去調(diào)用一個(gè)函數(shù)

Function.method('new',function () {
  //創(chuàng)建一新對(duì)象，它繼承自構(gòu)造器函數(shù)的原型對(duì)象。
  var that=Object.create(this.prototype);
  //調(diào)用構(gòu)造器函數(shù)，綁定-this-到新對(duì)象上。
  var other=this.apply(that,arguments);
  //如果它的返回值不是一個(gè)對(duì)象，就返回該對(duì)象。
  return (typeof other==='object'&&other)||that;
});

superior

Object.method('superior',function(name){ //傳入方法名name
  var that=this,method=that[name]; 
  return function(){
    return method.apply(that,argumetns);
  }
});

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Javascript日期時(shí)間函數(shù)的使用方法舉例
在JavaScript中日期時(shí)間函數(shù)是一組用于操作和處理日期和時(shí)間的函數(shù),這些函數(shù)可以用于獲取當(dāng)前日期和時(shí)間、格式化日期和時(shí)間、計(jì)算日期和時(shí)間的差異、轉(zhuǎn)換日期和時(shí)間的格式等,這篇文章主要給大家介紹了關(guān)于Javascript日期時(shí)間函數(shù)的使用方法,需要的朋友可以參考下
2024-02-02
JavaScript中的null和undefined用法解析
這篇文章主要介紹了JavaScript中的null和undefined用法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
使用腳本控制網(wǎng)頁(yè)Table的顯示隱藏(全代碼)_AX
使用腳本控制網(wǎng)頁(yè)Table的顯示隱藏(全代碼)_AX...
2006-12-12
微信小程序自定義導(dǎo)航教程（兼容各種手機(jī)）
這篇文章主要給大家介紹了關(guān)于微信小程序自定義導(dǎo)航的相關(guān)內(nèi)容，文中通過(guò)示例代碼介紹的非常詳細(xì)，兼容各種手機(jī),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12
JS學(xué)習(xí)筆記之原型鏈和利用原型實(shí)現(xiàn)繼承詳解
這篇文章主要介紹了JS學(xué)習(xí)筆記之原型鏈和利用原型實(shí)現(xiàn)繼承,結(jié)合實(shí)例形式詳細(xì)分析了javascript原型鏈以及利用原型實(shí)現(xiàn)繼承的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2019-05-05
判斷iframe是否加載完成的完美方法
一般來(lái)說(shuō)，我們判斷 iframe 是否加載完成其實(shí)與判斷JavaScript 文件是否加載完成采用的方法很類(lèi)似
2010-01-01
js中for-in和for-of的區(qū)別詳解
在JavaScript中，for-in和for-of是兩種不同的循環(huán)結(jié)構(gòu)，本文主要介紹了js中for-in和for-of的區(qū)別，具有一定的參考價(jià)值，感興趣的可以了解一下
2023-12-12
基于JavaScript實(shí)現(xiàn)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
javascript （用setTimeout而非setInterval）
javascript （用setTimeout而非setInterval）如果用setInterval 可能出現(xiàn) 下次調(diào)用會(huì)在前一次調(diào)用前調(diào)用
2011-12-12
JavaScript基礎(chǔ)教程之如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的promise
看了些promise的介紹，還是感覺(jué)不夠深入，所以下面這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)教程之如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的promise的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下
2018-09-09