类似jquery的一个demo
生活随笔
收集整理的這篇文章主要介紹了
类似jquery的一个demo
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
通過以下的demo,可以大體知道jquery的一些組織結構以及一些實現方法。
實際上jquery就是一個全局變量,只是在這個變量上添加了各種屬性和方法。
首先我們要理解什么是匿名函數自執行,簡單點就是如下結構的寫法就是一個匿名函數自執行,
?
(function(thePara){...})(window)可以分為兩個大的部分,第一部分(function(thePara){}),這一部分是固定寫法,即用一對括號把一個匿名函數包裹起來,
而且這個匿名函數的形參thePara用來接收傳入的變量A;第二部分就是(window),作用是給前面被括號包裹起來的匿名函數的形參傳值,
也就是說形參thePara接收的變量A就是window,而這個window就是DOM中的一個頂級的對象,所以在匿名函數里我們要訪問window
或者在window對象上添加屬性或者function的時候就可以用thePara來代替。
具體如下:
//w作為window的形參,就表示window (function(w) {// 定義一個全局的window.wyl變量,就類似于jquery里的$,Jquery對象w.wyl;wyl = function(obj) {this._obj = obj;// 作用:返回當前對象,即返回window.wyl這個對象return this;}// wyl.prototype.isArr的作用:在所有的wyl對象上加上isArr(para)的function,wyl.prototype.isArr = wyl.isArr = function(para) {/*** 在wyl對象上添加工具方法isArr(obj) 實例:var flag = wyl.isArr(obj); 如果為true那么就說明是數組*/if (typeof para == 'object' && para instanceof Array) {return true;} else {return false;}}// 傳入window對象 })(window)具體的用法在注釋里有說明。
?
總結
以上是生活随笔為你收集整理的类似jquery的一个demo的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ionic2.0关于表单的验证
- 下一篇: 解决Eclipse 项目报错:Unbou