javascript中的各種問題
無論是window.setTimeout
還是window.setInterval
,在使用函式名作為呼叫控制程式碼時都不能帶引數,而在許多場合必須要帶引數,這就需要想方法解決。經網上查詢後整理如下:
例如對於函式hello(_name)
,它用於針對使用者名稱顯示歡迎資訊:
var userName="jack";
//根據使用者名稱顯示歡迎資訊
function hello(_name){
alert("hello,"+_name);
}
這時,如果企圖使用以下語句來使hello
函式延遲3秒執行是不可行的:
window.setTimeout(hello(userName),3000);
這將使hello
函式立即執行,並將返回值作為呼叫控制程式碼傳遞給setTimeout
函式,其結果並不是程式需要的。而使用字串形式可以達到想要的結果:
window.setTimeout("hello(userName)",3000);
這是方法(一)
這裡的字串是一段JavaScript
程式碼,其中的userName
表示的是變數。但這種寫法不夠直觀,而且有些場合必須使用函式名,於是有人想到了如下
方法(二):
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根據使用者名稱顯示歡迎資訊
function hello(_name){
alert("hello,"+_name);
}
//建立一個函式,用於返回一個無引數函式
function _hello(_name){
return function(){
hello(_name);
}
}
window.setTimeout(_hello(userName),3000);
//-->
</script>
這 裡定義了一個函式_hello
,用於接收一個引數,並返回一個不帶引數的函式,在這個函式內部使用了外部函式的引數,從而對其呼叫,不需要使用引數。在 window.setTimeout
函式中,使用_hello(userName)
來返回一個不帶引數的函式控制程式碼,從而實現了引數傳遞的功能。
另外也有人通過修改settimeout
、setInterval
來實現。即下面的
方法三:
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根據使用者名稱顯示歡迎資訊
function hello(_name){
alert("hello,"+_name);
}//*=============================================================
//* 功能: 修改 window.setInterval ,使之可以傳遞引數和物件引數
//* 方法: setInterval (回撥函式,時間,引數1,,引數n) 引數可為物件:如陣列等
//*=============================================================
var __sto = setInterval;
window.setInterval = function(callback,timeout,param){
var args = Array.prototype.slice.call(arguments,2);
var _cb = function(){
callback.apply(null,args);
}
__sto(_cb,timeout);
}
window.setInterval(hello,3000,userName);
//-->
相關文章
- RMQ問題的各種解法MQ
- 各種測試方法的問題
- 解決ASP.NET中的各種亂碼問題ASP.NET
- ArchLinux各種問題彙總Linux
- 關於各種揹包問題
- N皇后問題(各種優化)優化
- 被騰訊問蒙的各種Redis複雜問題Redis
- JavaScript中this指向問題JavaScript
- Javascript 中的克隆(拷貝)問題JavaScript
- 完美解決jspdf各種中文亂碼問題JS
- javascript 判斷各種資料的型別JavaScript型別
- 如何解決重要資料檔案各種問題?
- JavaScript 中的一些奇怪問題JavaScript
- C++中的各種鎖C++
- Unity中的各種合批Unity
- Java中各種Log的使用Java
- js中的各種寬高JS
- 各種二埠濾波器網路模擬遇到的問題
- 交流學習SAP ERP的各種問題和方法,如何快速入行?
- RabbitMQ如何解決各種情況下丟資料的問題MQ
- 更新macOS Monterey後遇到的各種Bug問題及解決方法Mac
- 關於CSS和JS中用到的各種Height和Width的問題CSSJS
- JavaScript中揹包問題(面試題)JavaScript面試題
- NR中各種ID
- 關於開啟軟體提示各種缺少dll問題
- javascript的this指向問題JavaScript
- 優思學院|精益生產的各種問題和解決方案
- Python-python3.8安裝turtle的各種問題及解決方案Python
- Vue3 中的各種 refVue
- Java中的各種關鍵字Java
- python中list的各種方法使用Python
- MySQL 當中的各種鎖(中級篇)MySql
- JavaScript中各種原始碼實現(前端面試筆試必備)JavaScript原始碼前端面試筆試
- 執行 NPM run watch-poll 各種報錯問題整理NPM
- postman中各種變數Postman變數
- 虛擬機器執行Hadoop | 各種問題解決的心路歷程虛擬機Hadoop
- 第一次把mysql裝進docker裡碰到的各種問題MySqlDocker
- 辦公的各種問題企業雲盤統統幫您解決