JavaScript 教學 87：設計模式（變數 scope） - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

5

JavaScript 教學 87：設計模式（變數 scope）

js忍之道 js原創

ted99tw 2013-03-31 15:55:43 ‧ 3281 瀏覽

分享至

<span style="color: blue;"><span style="font-size: 16px;"> 撰寫可維護程式碼：減少全域變數 </span></span>

JavaScript用函式來管理作用域。定義在函式內的變數為區域變數，在函式外無法存取；另一方面，全域變數則是定義在函式作用域之外，或者沒被宣告就直接使用的變數。

建議使用全螢幕高畫質觀看。

function myFunc(){
    x1 = "總裁鐵大海綿寶寶";
    document.getElementById("demo").innerHTML = x1;
}

function myFunc2(){
    console.log("x1= " + x1);
    console.log("x1= " + window.x1);
    console.log("x1= " + this.x1);
}

myFunc();
myFunc2();

JSFiddle原專案

程式碼下載處

JS教學系列總整理

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 則留言

0

temo

iT邦新手 1 級 ‧ 2013-04-01 08:47:40

泰大是打算一天發兩篇??
js超級馬拉松是由泰大接手

回應 2
檢舉

ted99tw iT邦高手 1 級 ‧ 2013-04-01 08:56:04 檢舉

是因為昨下雨不能打球，唉...

總裁 iT邦好手 1 級 ‧ 2013-04-01 09:41:35 檢舉

那今天要一次發三篇了嗎??...

登入發表回應

0

總裁

iT邦好手 1 級 ‧ 2013-04-01 08:48:27

找到筆了

回應 2
檢舉

ted99tw iT邦高手 1 級 ‧ 2013-04-01 09:04:42 檢舉

總裁是一時找不到萬寶龍，就隨便拿支派克金筆應急嗎？

總裁 iT邦好手 1 級 ‧ 2013-04-01 09:39:46 檢舉

現在都用毛~~~~筆了.....

登入發表回應

我要留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙