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
相關文章:
主站蜘蛛池模板: 国产精品视频免费观看 | 亚洲激情一区二区三区 | 久久成人精品视频 | 久久久www | 成人精品视频 | 国产999精品久久久 精品三级在线观看 | 久久精品色欧美aⅴ一区二区 | 一区二区三区四区日韩 | 亚洲小说图片 | 亚洲精品国产第一综合99久久 | 日本精品一区二区三区视频 | 夜夜爽99久久国产综合精品女不卡 | 亚洲美女网站 | 九九在线视频 | a爱视频| 色吧综合| 日本亚洲一区二区 | 在线看一区二区三区 | 日韩一区二区三区在线观看 | 免费中文字幕日韩欧美 | 波多野结衣一区二区三区 | 伊人狠狠| 99re热精品视频 | www.成人在线视频 | 国产精品久久久久久久久图文区 | 成人午夜毛片 | 亚洲大片 | 激情五月综合 | 国产精品地址 | 欧美日韩中文字幕在线 | 99reav| 国产视频1区| 中文字幕在线三区 | 国产精品一码二码三码在线 | 久久99精品视频 | 亚洲一二三区不卡 | 草久久| 国产ts人妖一区二区三区 | 精品一区二区三区免费视频 | 午夜精品一区二区三区在线观看 | 亚洲一区二区三区在线播放 |