封裝原生的JS，vue中封裝全域性使用的函式

function fun ()

fun () 這裡的this，指向的是window

new fn() new 的函式指向的不是window而是指向了該函式新的物件，目的是改變指標，建立物件例項

function fun1 ()

var aa = new fun1()

aa.x

原型 讓某乙個大類都有某個方法

var arr =

arr.run = function ()

arr.run()

var arr1 =

arr1.run() // 報錯沒有這個方法

那如何讓只要是陣列，就擁有run 這個方法呢？

換句話我們定義的函式無論誰使用都有這個方法

這個時候可以使用prototype 原型來實現

array.prototype.run = function

var aa =

aa.run()

var bb =

bb.run()

都會彈出415

js封裝原型函式

在vue專案中，我們組要一些全域性的js函式，隨處使用，如何做呢？

首先我們在專案中建立乙個js檔案，然後用export default 匯出去

export

default 
}

import processdata from

'@/js/processdata.js'
vue.use(processdata)

在公用js檔案中定義vue原型函式

export default 

for (let v of this.seriesdata) 
piedata.title = this.title
piedata.seriesdata = this.seriesdata
piedata.legenddata = legenddata
return piedata}}
}

let aa = this.processpiedata(title, seriesdata)使用this來呼叫

我們可以將公共的js都放在這個檔案中，使用prototype定義的vue全域性韓式可以實現全域性使用。

vue中封裝全域性元件方法

vue專案中全域性註冊js檔案 首先是建立乙個js檔案叫toast.js export const toast var div document.getelementsbytagname div 0 toast2 這裡的方法就是快捷新增樣式的函式 function style domname,obj...

c 中封裝的介紹

封裝就是將物件執行所需要的資源封裝在程式物件中，並給外界公布介面，這樣很複雜的邏輯經過包裝之後給其他類使用就很方便，其他類不需要關心你裡邊的功能是以哪種方式實現的，只要傳入需要的引數就可以得到想要的結果。例如 我們要看電視，只需要按一下開關和換台就可以了，有必要了解電視機內部的結構嘛？製造商為了我們...

Vue中封裝input元件

最近有點忙不過來 脫了很久，沒有更新 抱歉。今天要將的時如何自定義封裝input元件 博主知識發個簡單的模板 碼友們可以更具自己的實際專案新增需要的引數 我的專案中的ui圖是這樣的 如下 子元件的模板設定 completion input box input box name type text r...