av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript把局部變量變成全局變量的方法

瀏覽:106日期:2023-09-30 08:38:23

首先我們要知道函數的自調用

函數的自調用——自調用函數

一次性的函數——聲明的同時,直接調用了例如:

(function () { console.log('函數');})();

我們會看到瀏覽器直接打印 函數 兩個字

頁面加載后.這個自調用函數的代碼就執行完了

使用形式

(function (形參) { })(實參);

注意

自調用構造函數的方式,分號一定要加上

那么如何把局部變量變成全局變量?

把局部變量給window就可以了

(function (win) { var num=10;//局部變量 //js是一門動態類型的語言,對象沒有屬性,點了就有了 win.num=num;})(window);console.log(num);

頁面打印出num了

JavaScript把局部變量變成全局變量的方法

應用案例1——將隨機數對象賦給window

JavaScript把局部變量變成全局變量的方法

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>title</title> <script> //通過自調用函數產生一個隨機數對象,在自調用函數外面,調用該隨機數對象方法產生隨機數 (function (window) { //產生隨機數的構造函數 function Random() { } //在原型對象中添加方法 Random.prototype.getRandom = function (min,max) { return Math.floor(Math.random()*(max-min)+min); }; //把Random對象暴露給頂級對象window--->外部可以直接使用這個對象 window.Random=Random; })(window); //實例化隨機數對象 var rm=new Random(); //調用方法產生隨機數 console.log(rm.getRandom(0,5)); //全局變量 </script></head><body></body></html>

應用案例2——產生隨機位置小方塊

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta > <title>title</title> <style> .map{ width: 800px; height: 600px; background-color: #CCC; position: relative; } </style></head><body><div class='map'></div><script src='http://m.4tl426be.cn/bcjs/common.js'></script><script> //產生隨機數對象的 (function (window) { function Random() { } Random.prototype.getRandom=function (min,max) { return Math.floor(Math.random()*(max-min)+min); }; //把局部對象暴露給window頂級對象,就成了全局的對象 window.Random=new Random(); })(window);//自調用構造函數的方式,分號一定要加上 //產生小方塊對象 (function (window) { //console.log(Random.getRandom(0,5)); //選擇器的方式來獲取元素對象 var map=document.querySelector('.map'); //食物的構造函數 function Food(width,height,color) { this.width=width||20;//默認的小方塊的寬 this.height=height||20;//默認的小方塊的高 //橫坐標,縱坐標 this.x=0;//橫坐標隨機產生的 this.y=0;//縱坐標隨機產生的 this.color=color;//小方塊的背景顏色 this.element=document.createElement('div');//小方塊的元素 } //初始化小方塊的顯示的效果及位置---顯示地圖上 Food.prototype.init=function (map) { //設置小方塊的樣式 var div=this.element; div.style.position='absolute';//脫離文檔流 div.style.width=this.width+'px'; div.style.height=this.height+'px'; div.style.backgroundColor=this.color; //把小方塊加到map地圖中 map.appendChild(div); this.render(map); }; //產生隨機位置 Food.prototype.render=function (map) { //隨機產生橫縱坐標 var x=Random.getRandom(0,map.offsetWidth/this.width)*this.width; var y=Random.getRandom(0,map.offsetHeight/this.height)*this.height; this.x=x; this.y=y; var div=this.element; div.style.left=this.x+'px'; div.style.top=this.y+'px'; }; //實例化對象 var fd=new Food(20,20,'green'); fd.init(map); console.log(fd.x+'===='+fd.y); })(window); // function refresh(){ // window.location.reload(); // } // setTimeout(refresh(), 1000);</script></body></html>

到此這篇關于JavaScript把局部變量變成全局變量的方法的文章就介紹到這了,更多相關JavaScript 局部變量變成全局變量內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲成人第一页 | 日韩一级 | 欧洲尺码日本国产精品 | 涩色视频在线观看 | 日韩欧美国产一区二区三区 | 黄网站涩免费蜜桃网站 | 中文在线观看视频 | 亚洲视频在线播放 | 免费99视频 | 国产成人aⅴ | 国产小视频在线 | 高清成人av | 国产精品久久久久久婷婷天堂 | 日韩中文一区 | 天堂av中文 | 精品国产久 | 欧美一级黑人aaaaaaa做受 | 国产精品亚洲成在人线 | 久久国产一区二区三区 | 久久福利| 嫩草视频网| 中文字幕 在线观看 | 操到爽| 亚洲 欧美 另类 综合 偷拍 | 蜜桃视频麻豆 | 在线观看中文字幕 | 欧美一区二区三区国产精品 | 国产精品精品久久久 | 中文在线播放 | 365夜爽爽欧美性午夜免费视频 | 91久久久久久久久久久 | 亚洲精选久久 | 欧美色a v| 91中文字幕在线 | 久草.com | 超碰免费在线观看 | 精品久 | 狠狠狠干 | 欧美一区二区三区在线免费观看 | a欧美| 成人亚洲精品久久久久软件 |