鍊式呼叫
鍊式呼叫其實只不過是一種文法招數。它能讓你透過重複使用一個初始操作來達到用少量程式碼表達複雜操作的目的。技術包括兩個部分:
一個建立代表HTML元素的物件的工廠。
一批對這個HTML元素執行某些操作的方法。
呼叫鏈的結構
$函數負責建立支援鍊式呼叫的物件
(function() {
(function() {
(function() {
> * 建立私人class
* @param {Object} els arguments 所有參數組成的類別陣列
*/ for(var i=0, len=els.length; i
element = document.getElementById(element);
(element);
}
}
//HTML元素可執行的操作
_$.prototype = {
each: function() {},
addEvent: function() {},
};
//對外開放的介面
window.$ = function() {
)( );
由於所有物件都會繼承其原型物件的屬性和方法,所以我們可以讓定義在原型物件中的那些方法都傳回用來呼叫方法的實例物件的引用,這樣就可以對那些方法進行鍊式調用了。
(function() {
/*
* 建立一個私人類
* @param {Object} els
}
//HTML元素可執行的操作
_$.prototype = { for(var i=0; i
}
setStyle: function(prop, value) {
this.each(function( el) {
el.style[prop] = value;
},
show: function() {
var that = this;
this.each(function(el) {
});
return this;
},
addEvent: function (type, fn) {
var addHandle = function(el) {
el.addEventListener(type, fn, false);
}elseif(document. attachEvent) {
el.attachEvent('on' type, fn); this.each(function(el) {
});
return this;
}
} }
})();
//----------------------- test --------
$(window).addEvent('load' , function() {
$('test-1', 'test-2').show()
.setStyle('color', 'red')
.addEvent('click', function() {
$(this).setStyle('color', 'green');
});
})
鍊式呼叫的方法取得資料
使用回呼函數從支援鍊式呼叫的方法取得資料。鍊式呼叫很適合賦值器方法,但對於取值器方法,你可能希望他們傳回你要的資料而不是this(呼叫該方法的物件).解決方案:利用回呼技術回傳所需的資料.
複製程式碼
程式碼如下:
window.API = window.API || function() {
var name = 'mackxu';
//特權方法
.. > name = name0;
return this;
};
🎜> return this;
} ;
};
//------------- test ---
var obj = new API();
obj.getName(console.log) .setName('zhangsan').getName(console.log);
設計一個支援方法鍊式呼叫的JS函式庫
JS函式庫特徵:
事件: 新增與刪除事件監聽器、對事件物件進行規劃化處理
DOM: 類別名稱管理、樣式管理
Ajax: 對XMLHttpRequest進行規範化處理
};
(function() {
function _$(els) {
}
/*
* Events
* 🎜> _$.method('addEvent', function(type, fn) {
//...
}).method('removeEvent', function(type, fn) {
addClass
* removeClass
* hover
* getStyle
* setStyle
*/
.method('addClass', function(class)" > //...
}).method('removeClass', function(classname) {
//...
//...
}).method('hasClass', function(classname) {
//...
//...
}).method('getStyle', function(prop) {
//... //...
})
/*
* AJAX //...
});
window.$ = function() {
/ /解決JS庫命名衝突問題
window.installHelper = function(scope, interface) {
scope[interface] = function() { }
}
})();
小結:
鍊式呼叫有助於簡化程式碼的編寫工作,並在某種程度上讓程式碼更簡潔、更易讀。很多時候使用鍊式呼叫可以避免多次重複使用一個物件變量,從而減少程式碼量。如果你想讓類別的介面保持一致,讓賦值器和取值器都支援鍊式調用,那麼你可以在取值器中使用回調函數來解決取得資料問題。

如何使用JS和百度地图实现地图平移功能百度地图是一款广泛使用的地图服务平台,在Web开发中经常用于展示地理信息、定位等功能。本文将介绍如何使用JS和百度地图API实现地图平移功能,并提供具体的代码示例。一、准备工作使用百度地图API前,首先需要在百度地图开放平台(http://lbsyun.baidu.com/)上申请一个开发者账号,并创建一个应用。创建完成

如何使用JS和百度地图实现地图多边形绘制功能在现代网页开发中,地图应用已经成为常见的功能之一。而地图上绘制多边形,可以帮助我们将特定区域进行标记,方便用户进行查看和分析。本文将介绍如何使用JS和百度地图API实现地图多边形绘制功能,并提供具体的代码示例。首先,我们需要引入百度地图API。可以利用以下代码在HTML文件中导入百度地图API的JavaScript

js字符串转数组的方法:1、使用“split()”方法,可以根据指定的分隔符将字符串分割成数组元素;2、使用“Array.from()”方法,可以将可迭代对象或类数组对象转换成真正的数组;3、使用for循环遍历,将每个字符依次添加到数组中;4、使用“Array.split()”方法,通过调用“Array.prototype.forEach()”将一个字符串拆分成数组的快捷方式。

如何使用JS和百度地图实现地图热力图功能简介:随着互联网和移动设备的迅速发展,地图成为了一种普遍的应用场景。而热力图作为一种可视化的展示方式,能够帮助我们更直观地了解数据的分布情况。本文将介绍如何使用JS和百度地图API来实现地图热力图的功能,并提供具体的代码示例。准备工作:在开始之前,你需要准备以下事项:一个百度开发者账号,并创建一个应用,获取到相应的AP

js中new操作符做了:1、创建一个空对象,这个新对象将成为函数的实例;2、将新对象的原型链接到构造函数的原型对象,这样新对象就可以访问构造函数原型对象中定义的属性和方法;3、将构造函数的作用域赋给新对象,这样新对象就可以通过this关键字来引用构造函数中的属性和方法;4、执行构造函数中的代码,构造函数中的代码将用于初始化新对象的属性和方法;5、如果构造函数中没有返回等等。

这篇文章主要为大家详细介绍了js实现打字小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

php在特定情况下可以读js内部的数组。其方法是:1、在JavaScript中,创建一个包含需要传递给PHP的数组的变量;2、使用Ajax技术将该数组发送给PHP脚本。可以使用原生的JavaScript代码或者使用基于Ajax的JavaScript库如jQuery等;3、在PHP脚本中,接收传递过来的数组数据,并进行相应的处理即可。

js全称JavaScript,是一种具有函数优先的轻量级,直译式、解释型或即时编译型的高级编程语言,是一种属于网络的高级脚本语言;JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式,如函数式编程。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Atom編輯器mac版下載
最受歡迎的的開源編輯器

Dreamweaver Mac版
視覺化網頁開發工具

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。