Search
Search
#1. JavaScript中的alert()函式使用技巧詳解 - 程式前沿
在JavaScript程式碼中,可以使用window物件的alert()函式來顯示一段文字 ... 除了顯示靜態字串外,alert()函式也可以接受變數,並將變數值與其它字串 ...
#2. JavaScript 練習宣告變數使用alert() - 菜鳥工程師肉豬
請建立一份HTML文件,檔名為alert.html。請用VS Code編輯。 在此份HTML撰寫JavaScript程式碼,宣告兩個 var 變數,內容分別為"砂糖阿狗"及"豆干阿 ...
必備知識: 電腦基礎知識,了解基本的HTML 和CSS ,了解JavaScript 是什麼。 ... else if (name === 'Alan') { alert('Hello Alan, nice to see you!
JavaScript:是用來製作web頁面互動效果,提升使用者體驗。 web前端三層: 結構層HTML 從語義角度,描述頁面結構。 樣式層CSS 從審美角度,美化介面。
#5. 變數number 介紹
打開網頁,就會跳出alert 顯示「35」這個數字了. 更改變數的值 ‼️ 同一個變數, var 只需要“寫一次”. 現在,我要把「變數 cookiePrice 」的值,改 ...
#6. 超基礎JS語法(var & alert) @ 一位男子的深層感念 - 隨意窩
code: <script>//宣告變數var size;//函數式size = 10 * 10;var aaa;if(size <= 300){ ... 可加入語法document.write("<h1>也可顯示html語法</h1>"); //顯示在主控台 ...
#7. 【javascript+php】【紀錄】寫php的時候需要傳值給javascript ...
如果想要利用javascript宣告的function,將php裡面宣告的變數num印出來的話(或是做其他事情), ... 在javacript的函式寫說要接一個變數,然後以彈跳式式窗alert顯示。
#8. 麻煩列印行號和`alert`長字串變數來除錯JS指令碼塊 - 程式人生
我需要在php.html頁面中加入一些JS,並且嘗試除錯時遇到了困難。我一直在谷歌搜尋,但似乎找不到如何列印行號,例如php中的 __LINE__ 。有沒有辦法足夠容易地實現這一 ...
#9. 函式
function show_message() { window.alert("This is an alert! ... function new_car() { mycar = "Ferrari"; // 全域變數paycheck = 3500; // 全域變數document.write( ...
#10. 超級初心者適用的JavaScript 觀念(暫停更新) - MUKI space*
'undefined' ) { alert("welcome, " + userName); } 原本在取得變數的部分我是寫 if(userName) ,不過這樣寫很容易讓程式無法執行(感謝Kuro 指正), ...
#11. javascript對話方塊
如果訪客按了取消,變數的值便會是null。 範例: <a href="javascript://" onclick="guestname=window.prompt('你叫甚麼名字?','訪客');window.alert(guestname+' 你好 ...
#12. 10個新手必知的JavaScript 實用技巧 - Medium
JavaScript 宣告變數的時候應該要給它預設的類型! 這樣做可以讓接手你的程式的 ... if(value === "") return alert("欄位不得為空"); // 後續其他動作 ...
#13. JavaScript基礎語法、函式、js事件一篇講夠_Help_II
說明: 同一個變數, 可以進行不同型別的資料賦值. <script type="text/javascript"> var a; alert(typeof a); // undefined a = 998; alert(typeof a); ...
#14. js函式和變數的執行順序【易錯】 | IT人
js函式和變數的宣告與執行順序 一、函式執行順序1、正常順序 1 function f(){2 alert(2);3 }4 f(); //alert 2 所有瀏覽器都能測試通過。2、倒序呼叫1 ...
#15. 附註:JavaScript 簡介 - Phaser
JavaScript 指令console.log (<varName>) 可在偵錯區的Console (主控台) 顯示變數值. (5) 警示. ∗ 警示(Alert):彈出視窗顯示警示訊息. ▸ 例如:alert('謝謝您的意見 ...
#16. JavaScript 變數Variables - Fooish 程式技術
var 顏色= '藍色'; alert(顏色);. 但一般很少用中文或其他語言文字當作變數名稱。 宣告變數(Declaring variables). JavaScript 用 ...
#17. JavaScript簡介
使用eval()來建立在他被呼叫的範圍內的變數>> eval("var x=2"); alert(x); 使用以下關鍵字作為參數名. arguments eval implements interface let ...
#18. javascript如何抓取變數的值呢?
5, alert(str); ... 如果你是後端程式中的變數要讓Javascript去使用可以透過兩者共通的存取物件 ... 5, <html xmlns="http://www.w3.org/1999/xhtml">.
#19. 2. 如何開始編寫JavaScript
第三:寫在</html>之後,目的是不影響<html>範圍的內容, 可能會用在一般網頁供應商在網頁 ... alert(A); // 因此在這個function內使用的是區域變數A得到的結果顯示200.
#20. 怎麼動態生成js變數,怎麼在JS“”中插入變數 - 極客派
怎麼動態生成js變數,怎麼在JS“”中插入變數,1樓百度網友動態生成全域性變數簡單的用字串作為變數名window hello hello world alert hello 批量定.
#21. JavaScript 語言學習筆記 - Joker的部落格
不像HTML,JavaScript 語句是有區分大小寫的,無論是對於變數、函數或物件 ... x 是一個全域變數var x = 'hello world'; function one() { alert(x); ...
#22. 函式與作用域· 從ES6開始的JavaScript學習生活
而匿名函式並沒有函式的名稱,通常用來當作一個指定值,指定給一個變數/常數,被 ... 函式,或是你可能會在很多範例程式看到的 alert 函式,都是不純粹函式,這類函式 ...
#23. Javaweb——(day02)JavaScript - tw511教學網
JavaScript介紹; JavaScript和HTML程式碼的結合方式 ... alert( typeof(i) ); // number i = "abc"; // 它可以取變數的資料型別返回 // alert( ...
#24. 關於JavaScript的全域性變數的問題 - WhatsUp
在定義變數的時候不加var,則表示變數自動成為全域性變數,就相當於你在方法外面 ... alert(window.a); //全域性變數a並沒有初始化,所以是undefined.
#25. SweetAlert 告別看到膩的彈跳視窗- 客座投稿
我們先從最簡單的Alert 開始,先新增一個Button ,id 設為 demo1 ,程式碼如下。 HTML. <button id="demo1"> ...
#26. JavaScript SYSTEM 變數的範例
portal-server-URL /rewriter/JavaScript/variables/system/system.html ... //SYSTEM Var alert(window.location.pathname); //document.write ("<A ...
#27. 《面試官別再問》JavaScript 動態建立變數的方法 - 阿宅工作日誌
簡單的用字串作為變數名. window['hello'] = "hello, world";. alert(hello);. //批量定義. for(var i=0; i<10; i++) {. var varname="var"+i;.
#28. JavaScript 的eval() 函式 - 康廷數位
這一次alert("HELLO") 變成單純的字串,儲存於s 變數當中,由於是字串格式自然無法執行,如果要將這段字串視為程式碼,可以將其丟入eval() 函式中當作 ...
#29. 寫給程式麻瓜的JavaScript基礎介紹,跟工程師溝通零障礙
既然JavaScript可運算、也可以自定義變數,那將這些功能統整在一起使用的話,就可以發揮更好的效果,這樣整合功能就叫做函數。函數(function)可以將一程式 ...
#30. JavaScript - 國立高雄科技大學第一校區
直接寫在html檔案內,只需要寫在<script></script>標籤內即可。 ... 被呼叫的範圍內的變數>> eval("var x=2"); alert(x);; 使用以下關鍵字作為參數名.
#31. JavaScript 基礎一
1.6 window.alert(); 1.7 innerText / innerHTML; 1.8 JavaScript (JS) 基本語法. 2 變數與資料類型. 2.1 變數的宣告; 2.2 變數及函數命名; 2.3 資料類型.
#32. JavaScript - 淡江大學
如果希望HTML一載入時即執行Script, ... <A HREF="javascript:alert('這樣也可以')">. 按我吧! ... 變數名稱中不可使用空白字元及標點符號; 宣告時,使用保留字var。
#33. html調用js變數
Ⅰ html代碼調用js變數 <scriptlanguage="javascript">//jquery你會嗎 $(function(){ 抄 varmyDate=newDate(); varmonth=myDate.
#34. JavaScript 输出 - 菜鸟教程
JavaScript 输出JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据JavaScript 可以通过不同的方式来输出数据: 使用window.alert() 弹出警告框。
#35. JavaScript 雜記
如果把Java Script放在html裡面請用以下tag把js的程式碼包住,主要是跟Browser說 ... var 變數= function(n1,n2,op) {return eval("n1"+op+"n2")};.
#36. [JavaScript] 字串與字串的方法| Notes - 點部落
DOCTYPE html> <html> <body> <p id="name"></p> <script> var Name1 ... 因為JavaScript的字串可以為物件,因此在字串變數加上方法或屬性執行時,字 ...
#37. JavaScript: 做個隨機數
alert (num) ... onClick="rand()"> </FORM> </BODY> </HTML>. 執行及果請按下面的按鈕: ... 這個變數會執行"new Date()" 這個指令。
#38. JavaScript 基本類變數物件重新指定 - 程式開發學習之路
<script type="text/javascript"> function myMsg(){ var mytextObj = document.myForm.mytext; alert("訊息: " + mytextObj.value); }
#39. JavaScript - 入門觀念基礎教學
程式運作需要使用變數或把變數組合成資料結構,有時候程式也需要輸入或 ... 上例中\n 用來輸出換行符號,由於alert 函式不支援HTML 語法,所以不能 ...
#40. 請問C#如何抓javascript變數? - MSDN
如何將「javascript變數」傳回「後端C#」(如何在後端C#,能夠存取下面範例前端javascript中的point 變數) ... alert(address + ",XY座標:" + point);
#41. js物件的屬性名是變數如何設定和獲取值 - 迪克知識網
js物件的屬性名是變數如何設定和獲取值,1樓網海1書生物件變數比如duobj是zhi ... 屬性也必須是一個變數才行,如上例**,alert(obj.js)不是undefined, ...
#42. Javascritp 變數的scope(全域變數/區域變數) - yosiasia
Javascript是靜態變數範圍(static scoping或lexical scoping)的程式語言,所以 ... 如1.js 裡的var a="OK"; 可以在2.js 裡面被alert(a);顯示出來。
#43. Robert Nyman: 解釋JavaScript 的scope 及closures - Tai An, Su
而Scope 是變數的'作用域'或是'有效範圍',依上下文需要翻或不翻。 ... function greetVisitor(){ return alert("Hello dear blog reader!
#44. [Javascript] 偵錯方式(火狐中的javascript偵錯) - 精讚
但是缺點很致命,就是要看一個變數就得去改一次alert要顯示的程式碼,看到的東西如果是物件,就只會得到一個object,資訊很少。
#45. JavaScript 簡介 - HackMD
環境建置; 使用方式; 變數; 運算子/運算元; 判斷; 迴圈; 函式(function) ... var country = 'Taiwan'; switch(country) { case 'Taiwan': alert('hello' + country); ...
#46. [JavaScript] 忍之道解謎(一) - function Scope
... boo function為兩個global function,site 則是一個global variable 預設值為"jsdc",當程式依序呼叫foo, boo兩個函式後,alert出來的site變數值 ...
#47. jQuery從入門到精通~ EX3-3[jQuery抓取物件轉換成JS物件]
jQuery透過元件ID取得物件變數 ... jQuery取得物件變數後印出HTML內容 ... alert(“使用jQuery方法获取第一个p节点的内容:”+$jQueryObj.html());
#48. 陣列Array - JavaScript 入門學習筆記
陣列有別於簡單變數類型(數值、字串和布林值),每次只能代表一個值,陣列為複雜 ... 使用 alert() 或 console.log() 輸出陣列,會自動印出所有元素,每個元素以逗號 ...
#49. 搞清楚Javascript的變數作用範圍
<script> function test () { hey = function () {alert('hey, you!! ... 搞清楚這幾個方面的主題,才算真正理解Javascript變數作用範圍的定義。
#50. 函式
設定區域變數Msg. 的值. 15: alert(Msg);. //顯示區域變數Msg. 的值. 16: }. 17: </SCRIPT>. 18: </HEAD>. 19: <BODY>. 20: </BODY>. 21:</HTML> ...
#51. 請問Javascript 如何在呼叫asp.net 程式時傳入變數值
各位先進您好, 經我實驗結果, javascript 可以呼叫asp.net 的程式, 但無法將參數傳入, 若有先進願給予指導, 不甚感激.javascript 中var strX = "" ...
#52. 基本程式模式請用DreamWeaver 軟體打開範例檔1-1-1.htm
透過「alert」指令,我們可以讓瀏覽器輸出顯示訊息。往後一般程式的邏輯是, ... JavaScript 的變數,在使用之前都需要加以宣告,利用var 這個前置修飾詞,就.
#53. 【JQuery】《第二回》JQuery變數宣告與型態及變數生命週期
JQuery跟Javascript的變數宣告方式一樣一般來說變數宣告最基礎的方式有 ... 說都會如果是用alert()來顯示未賦予值的變數都會出現「undefined」的訊息
#54. 掌握JavaScript 的「封裝」特性, part 1 - 石頭閒語
外界只能存取每個個體的property ,而無法存取其scope 中的區域變數, ... getY()); window.alert(y); window.alert(a.y); </script> </body> </html>.
#55. JavaScript Note
簡介; 瀏覽器的支援差異; JavaScript的區段宣告; JavaScript的執行方式; 資料型態(Data Type); 變數(Variable); 函數(Function); 物件模型DOM; 自訂物件; 使用技巧 ...
#56. Using firebug for firefox 除錯javascript - 小惡魔
在Web 程式設計,不管是html 或者是CSS、甚至javascript, ... 利用console.log() 來針對變數除錯以往都是利用window.alert() 的方式來看看變數是否 ...
#57. Web Development 網站開發(6) - Javascript 事件監聽以及操作 ...
以下為按鈕點擊事件監聽的三種用法:(點擊出現的alert在嵌入式版本 ... 裡面的Javascript 帶到了一些程式的基礎像是變數及函式宣告。 const x = 1 ...
#58. Javascript 入門 - A菜哥K設計
字串、數字、變數 只要先釐清這三樣元素的應用與搭配,在寫程式的過程中會更得心應手。 ... Javascript原生的確認視窗用法與alert 一樣。
#59. 前端網設必知-console.log()取代alert()讓javascript除錯更EZ
剛是直接寫入固定的字串,當然也可以變數的型式來作顯示。 梅問題-前端網頁設計師必知-console取代alert讓javascript除 ...
#60. 使用window.alert() | 他山教程,只選擇最優質的自學材料
alert 方法在技術上是 window 物件的屬性,但由於所有 window 屬性都是自動全域性變數,我們可以使用 alert 作為全域性變數而不是 window 的屬性- 這 ...
#61. Javascript 進階使用小技巧(一)
alert (car + 1); ... 又例如最常用的ajax ,a 雖然先執行,但它去了test2.html 還沒回來咧 ... 減少使用全域變數可以提高程式碼品質且更好維護.
#62. 3.15 傳值呼叫、傳址呼叫- JavaScript - 程式設計
第8 行:將變數a 的「值」傳給add_number 函式,該函式用x 來做承接。(下一節會提到變數的可視範圍). . 範例2:傳址呼叫(Call by Reference). 物件、陣列皆為傳址呼叫 ...
#63. 第5 章Variable 及assignment
在本書前面的例子, 你已多次看過變數(variable) 的操作, 變數是一個我們自訂的名稱, 這名稱可用來代表一個數值、一個字或 ... alert(y) 用alert( ) 顯示y 代表的文字.
#64. 瘋狂Html+CSS+JS 中JS總結 - 熱知網
1。 JavaScript語法. 1.1 執行js程式碼. javascript:alert('執行js');//一般放在超連結中,使用者點選即執行,. 1.2 變數賦值. var a = 1;//顯式.
#65. JavaScript function 的兩種宣告方式 - xcodeabc
Function Expression 寫法在執行階段才建立,並且不會被存在變數物件(VO)中, ... var num = 11; var test = (num % 2 == 0 ? function () { alert("The ...
#66. 也談談規範,JS 代碼的幾個註意點 - 知識星球
對於javascript的執行環境來說一般都有一個全域性變數,在所有的函式外可以用this來指引,例如在瀏覽器端是window。 ... 如你所見,第一個alert出來的並非global。
#67. ASP.NET MVC 與Javascript Alert - mrkt 的程式學習筆記
在開發ASP.NET Web Forms 時,假如遇到要顯示一個Javascript Alert 的動作,很多時候都是在後端去組Javascript 程式碼,當PostBack 後,頁面就會執行 ...
#68. JavaScript交換變數的常用方法小結【4種方法】 - ITW01
該方式即為顯式宣告詳細如下: <script> var test = 5;//全域性變數function a(){ var a = 3;//區域性變數alert(a); } function b(){ alert(test); } ...
#69. Chapter 5: Exercises
在HTML 開頭有一段JavaScript 碼如下: <script> abc = 3; function ShowABC(abc) { alert(abc); } </script> 請問在HTML 其他位置呼叫ShowABC(5) 時,跳出的alert ...
#70. JavaScript練習筆記(3)
Alert Box(警告方塊) ... 在方法內宣告的為區域變數,生命有要範圍僅在方法的{ }內;方法外的變數為全域變數,所以方法都可以使用。
#71. JavaScript入門系列:BOM和DOM筆記 - 快樂學程式
很明顯,全域變數x是window物件的一個屬性。事實上,上面使用到的alert() 函式,也是window的一個方法。 常用的window屬性 ...
#72. 03 變數、資料型態及陣列 - 9W個人設計工作室
JavaScript中的變數宣告基本的語法為: var 變數名稱〔=變數初始值〕 只定義一個變數的名稱, 但不即時指定它的資料: ... alert(x); // 但這邊還是可以顯示x的值為10
#73. HTML alert,大家都在找解答 旅遊日本住宿評價
HTML alert ,大家都在找解答第1頁。Javascript alert() 函式用來彈出對話視窗,其內容可以自己設定,有些人可能會誤以為alert 與window.open 一樣,其實他們兩個是完全 ...
#74. 頁面中多個script塊之間方法與變數共用問題 - ZenDei技術網路 ...
<script type='text/javascript'> var m = 0,n = 1,i = 2,j; alert(q);//沒有輸出,因為q是下一個script的全局變數,script塊按順序執行,將兩個script塊交換位置可能 ...
#75. javascript 與php 之間的互相呼叫 - icodding愛程式
5.自己寫的js和php互相呼叫 (1).php內容: <?php //echo "<script LANGUAGE='javascript'>alert('$php變數');</script>"; //最簡單的php呼叫js
#76. 基礎語法 - VITO の學習筆記
JavaScript 變數可分成local 和global 兩類。 local scope 變數會跟隨著function ... var myname = "vito"; alert(myname); //vito function func() ...
#77. JavaScript之全域性變數和區域性變數 - w3c菜鳥教程
JavaScript之全域性變數和區域性變數,全域性變數可以在js指令碼的任何地方 ... 性變數的a,則只需將函式中的第一個alert(a)修改為alert(window.a)即可 ...
#78. JavaScript 中的同步與非同步(上):先成為callback 大師吧!
... 程式語言,會有程式語言本身所規範可以用的東西,例如說用 var 宣告變數,用 if ... setTimeout(tick, 2000) function tick() { alert('時間到!
#79. [心得] [ js ] 減少使用全域變數- 看板Ajax
... 全域變數b function myfun(){ var a = 3; //區域變數a alert('a:'+a+' ... alert(b.x); //顯示2 把程式全部包在一個匿名函式後就不能在HTML 中 ...
#80. javascript變數問題 - 明白區域
一般會出現未定義的原因就是你之前沒有宣告這個變數,具體的把程式碼貼出來看下。 ... 還是undefind), status = "inner"(這時status 有值了), alert(.
#81. Javascript 變數型態剖析 - Puritys Blog
JS 基本變數型態Array : 陣列[0,1,2,3,4] Boolean : 布林值true ,false Date ... alert(typeof(str)); //string; alert(typeof(bool)); //boolean ...
#82. Javascript 操作iframe parent/child 變數的方法 - WhereIsWelly
執行起來就是你叫起main.html的時候,會跳出alert視窗,把子視窗中的javascript變數Name印出來。 在這邊就是會跳出”Zeta”.
#83. JavaScript 區域變數和全域變數比較,還附贈奇怪的未宣告變數唷
全域變數( global variable )和區域變數( local variable )的宣告和用法不 ... var a=0; function outputglobal() { alert("a="+a); alert("b="+b); } ...
#84. javascript 變數作用域 - 程序員學院
去掉var則為全域性變數--message = “100”;. 3.function fun();. var v3 = {};. function foo(v1, v2, v3). }foo(v1, v2, v3);. alert (v1); // 空白.
#85. JavaScript教學- 基本語法(Syntax) - 小殘的程式光廊
介紹JavaScript中的基本語法與使用方式,包含執行JavaScript、在HTML中 ... 一種顯示方式是用alert函式跳出對話框,早期的JavaScript通常使用alert來 ...
#86. [JavaScript] 手把手一起入門(二) – 變數& 基本操作 - BoB 團
這次跟大家報告如何做基本的變數操作,和函式(function)的撰寫喔! ... DOCTYPE html>. <html> ... <script>alert("請按確認以繼續");</script>.
#87. JavaScript 變數與函數的Hoisting - Patrizio 的部落格
在本例子中, 我們在第一個script段落中用alert顯示變數myEmail的值, 但myEmail卻始終沒有定義. 隨後用alert顯示文字Script Done.
#88. 【筆記】Javascript大全- 06 函式(一) 函式的定義方法 - Yakim shu
函式直接賦值變數 var test2 = function() { }; // 3. function建構式函式 var ... alert( test2() ); // "TypeError: test2 is not a function" var ...
#89. [C#]在js檔內取得c#的變數 - 傑特_資訊手札
問題:現在接手的專案用jQuery來做留言的字數限制及判斷,且到達上限時會發送alert的訊息,但目前專案要將他改為多國語系的方式,所以一定要 ...
#90. [JS] function - 函數物件 - 貓桑觀察誌
javascript引擎要執行javascript時,會先"預編譯",即對所有宣告的變數及函式進行處理,但要注意的是,在函數中被宣告的local變數只有在函式被呼叫時 ...
#91. JavaScript 101 快速入門教學
JavaScript 程式使用方式(HTML 中引入). 內嵌於 <head></head> (因JS 為直譯式程式語言,讀到即會執行) <head> <script> alert(Hello JavaScript); ...
#92. Javascript 入門- 前端工程開發實務訓練 - SlideShare
14 Variable 變數未定義型別http://f2eclass.com/lab/js/undefined.html ... 非區域變數也非參數的變數var foo = 1; var doSomething = function () { alert(foo); foo ...
#93. js怎麼在引號裡面引用變數,JS怎麼在雙引號內alert變數?
js怎麼在引號裡面引用變數,JS怎麼在雙引號內alert變數?,1樓百度網友回答var str test 。由於變數讓你能夠把程式中準備使用的每一段資料都賦給一個 ...
#94. <script>alert('')</script>中不能用變數? - 問答酷
改成如下:. protected void Button1_Click(object sender, EventArgs e) { this.TextBox1.Text = "1"; if (this.TextBox1.Text !
#95. JavaScript作用域和作用域鏈內容精選 - 英語培訓,會計
alert (authorName); //指令碼錯誤. 變數blogName擁有全域性作用域,而authorName在函式外部無法訪問到。 (3)所有window物件的屬性擁有全域性作用域.
#96. JavaScript Variables - W3Schools
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, ...
#97. Javascript alert() 函式 - Wibibi
Javascript alert() 函式用來彈出對話視窗,其內容可以自己設定,有些人可能會誤以為alert 與window.open 一樣,其實他們兩個是完全不一樣的應用.
#98. ASP.NET Core 3.x MVC跨平台範例實戰演練(電子書)
... 符號會對變數做 HTML 編碼< div class = " alert alert - primary " > System. ... Html.Raw ( json1 ) < / div > 說明:View 編解碼指令用法幾乎與在 Controller ...
#99. HTML5、CSS、JavaScript網頁程式設計與MCSD 70-480認證教材(電子書)
window.alert("變數 num: " + num); } ScopingAndHoisting(); //執行之後的成果,並「不是」num 為 42。//正確答案是 num為 7,很驚訝吧?! </script>因為 JavaScript 的 ...
html alert變數 在 [心得] [ js ] 減少使用全域變數- 看板Ajax 的美食出口停車場
最近的一些Javascript心得,把他寫成了筆記
來這邊分享一下,如果有什麼觀念錯誤的地方歡迎指正 ^^||
網頁好讀版: https://disp.cc/b/11-4CrK
在 JavaScript 中存取一個變數時
會先尋找目前的區域變數中有沒有這個變數,沒有的話再往上一層區域找
最後才會找全域變數,也就是 window 下的變數
例如
a = 1; // 全域變數a
b = 2; // 全域變數b
function myfun(){
var a = 3; //區域變數a
alert('a:'+a+',b:'+b); //會顯示 a:3,b:2
}
myfun(); // 執行
以往偷懶的寫法,都是把一堆需要跨函式的變數都設成全域變數
每個函式的名稱也都是全域變數
但這樣每次存取就都要一層一層的往上找直到全域範圍
而全域範圍已經有很多東西了,再加上一堆東西的話會造成效能不佳
且有可能會跟其他載入的 script 裡的名稱有衝突
所以比較好的方法是把自己的程式全都用一個立即執行的匿名函式包起來
並且把函式的名稱都改用區域變數來存
(function(){
var a = 1;
var b = 2;
var myfun = function(){
var a = 3; //區域變數a
alert('a:'+a+',b:'+b); //會顯示 a:3,b:2
}
myfun(); // 執行
})();
其中立即執行的匿名函式
(function(){ /*...*/ })();
也可以看成像下面這樣
function init(){ /*...*/ };
init();
宣告一個 init 函式後立即執行
簡寫成匿名函式的話就不用再幫他取名字了
也可以把 window 物件也傳進去變成一個區域變數 window
就可以用這個區域變數來存取其他全域變數了
例如可以讀取 jQuery 的 $ 變數
然後把 $ 也變成區域變數
(function(window){ //用區域變數 window 來存 全域變數 window
var $ = window.jQuery; // 把 jQuery 的 $ 變成區域變數
//...
})(window); //傳入全域變數 window
對物件使用"="傳給另一個值時,是使用傳址的方式,而不是傳值
所以只是同一個物件變成有兩個名字,而不會複製成另一個物件
a = {};
a.x = 1;
b = a;
b.x = 2;
alert(a.x); //顯示 2
alert(b.x); //顯示 2
把程式全部包在一個匿名函式後
就不能在 HTML 中使用 onclick 執行自己寫的函式了
<a href="#" id="myBtn" onclick="myfun(); return false;">按鈕1</a>
這樣的按鈕點下去會出現"myfun() is not defined"
要改成綁定事件的寫法
(function(){
$('#myBtn').click(function(){
//點按鈕後要執行的事情
myfun();
});
var myfun = function(){ /*...*/ };
})();
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 175.181.51.65
※ 編輯: knuckles 來自: 175.181.51.65 (10/22 15:15)
... <看更多>