javascript考點高階 原型

2021-08-26 12:15:56 字數 1403 閱讀 2732

一、jquery和zepto的簡單使用

jqury test 1

jqury test 2

jqury test 3

jquery test in div

二、zepto如何使用原型

(function(window)

function z(dom, selector)

this.length = len

this.selector = selector || ''

}zepto.z = function(dom, selector)

zepto.init = function(selector)

var $ = function(selector)

window.$ = $

$.fn = ,

html: function(value)

}zepto.z.prototype = z.prototype = $.fn

})(window)

三、jquery如何使用原型

(function(window)

jquery.fn = ,

html: function(value)

}var init = jquery.fn.init = function(selector)

this.length = len

this.selector = selector || ''

}init.prototype = jquery.fn

window.$ = jquery

})(window)

四、題目解答

解答:(1)描述一下jquery如何使用

(2)描述一下zepto如何使用

(3)結合自己的專案經驗(試情況而定)

六、原型如何擴充套件,這裡最明顯的乙個就是外掛程式機制

上面的zepto原始碼和jquery的原始碼中,我們給原型賦值通過zepto.z.prototype = z.prototype = $.fn和init.prototype = jquery.fn,而不是直接將$.fn賦值給原型,這樣做的好處:

(1)只有$會暴露在window全域性中

(2)將外掛程式擴充套件統一到$.fn.***這一介面,方便使用

我們在jquery上面擴充套件出來乙個新方法

jqury test 1

jqury test 2

jqury test 3

jquery test in div

解答:

(1)說一下zepto和jquery的外掛程式機制

(2)結合自己的開發經驗,做過的基於原型的外掛程式(實際情況而定)

javascript考點 物件導向

一 類與例項 1 類的宣告 function animal name class animal1 2 類的例項化 new animal dog new animal1 cat 二 類與繼承 1 繼承方式 function parent1 function child 子類不能繼承父類原型物件上的方法...

JavaScript高階 原型

1.什麼是原型 原型是 js 中非常特殊乙個物件,當乙個函式建立之後,會隨之就產生乙個原型物件,當通過這個函式的建構函式建立了乙個具體的物件之後,在這個具體的物件中就會有乙個屬性指向原型。第一種狀態 定義了乙個物件 function person 第二種狀態,這樣賦值就會賦在原型物件中 使用原型來給...

Javascript 高階 封裝

js中處處是物件,物件導向的第一步當然就是封裝了。由於js中沒有類的概念,所以封裝起來也比較麻煩。以下介紹兩種js的封裝。1 使用約定優先的原則,將全部的私有變數以 開頭 看完 是不是有種被坑的感覺。只把全部的變數以 開頭,事實上還是能夠直接訪問的,這能叫封裝麼。當然了。說了是約定優先嘛,這樣的方式...