Javascript 類型轉(zhuǎn)換、封閉函數(shù)及常見(jiàn)內(nèi)置對(duì)象操作示例
本文實(shí)例講述了Javascript 類型轉(zhuǎn)換、封閉函數(shù)及常見(jiàn)內(nèi)置對(duì)象。分享給大家供大家參考,具體如下:
Javascript組成
1、ECMAscript javascript的語(yǔ)法(變量、函數(shù)、循環(huán)語(yǔ)句等語(yǔ)法)
2、DOM 文檔對(duì)象模型 操作html和css的方法
3、BOM 瀏覽器對(duì)象模型 操作瀏覽器的一些方法
類型轉(zhuǎn)換
1、直接轉(zhuǎn)換 parseInt() 與 parseFloat()
alert('12'+7); //彈出127 alert( parseInt('12') + 7 ); //彈出19 alert( parseInt(5.6)); // 彈出5 alert('5.6'+2.3); // 彈出5.62.3 alert(parseFloat('5.6')+2.3); // 彈出7.8999999999999995 alert(0.1+0.2); //彈出 0.3000000000000004 alert((0.1*100+0.2*100)/100); //彈出0.3 alert((parseFloat('5.6')*100+2.3*100)/100); //彈出7.9
2、隱式轉(zhuǎn)換 “==” 和 “-”
if('3'==3) { alert('相等'); } // 彈出'相等' alert('10'-3); // 彈出7
3、NaN 和 isNaN
alert( parseInt('123abc') ); // 彈出123 alert( parseInt('abc123') ); // 彈出NaN
調(diào)試程序的方法
1、alert
2、console.log
3、document.title
變量作用域
變量作用域指的是變量的作用范圍,javascript中的變量分為全局變量和局部變量。
1、全局變量:在函數(shù)之外定義的變量,為整個(gè)頁(yè)面公用,函數(shù)內(nèi)部外部都可以訪問(wèn)。
2、局部變量:在函數(shù)內(nèi)部定義的變量,只能在定義該變量的函數(shù)內(nèi)部訪問(wèn),外部無(wú)法訪問(wèn)。
<script type="text/javascript"> //全局變量 var a = 12; function myalert() { //局部變量 var b = 23; alert(a); alert(b); } myalert(); //彈出12和23 alert(a); //彈出12 alert(b); //出錯(cuò) </script>
封閉函數(shù)
封閉函數(shù)是javascript中匿名函數(shù)的另外一種寫法,創(chuàng)建一個(gè)一開(kāi)始就執(zhí)行而不用命名的函數(shù)。
一般定義的函數(shù)和執(zhí)行函數(shù):
function myalert(){ alert('hello!'); }; myalert();
封閉函數(shù):
(function myalert(){ alert('hello!'); })();
還可以在函數(shù)定義前加上“~”和“!”等符號(hào)來(lái)定義匿名函數(shù)
!function myalert(){ alert('hello!'); }()
封閉函數(shù)的好處
封閉函數(shù)可以創(chuàng)造一個(gè)獨(dú)立的空間,在封閉函數(shù)內(nèi)定義的變量和函數(shù)不會(huì)影響外部同名的函數(shù)和變量,可以避免命名沖突,在頁(yè)面上引入多個(gè)js文件時(shí),用這種方式添加js文件比較安全,比如:
var iNum01 = 12; function myalert(){ alert('hello!'); } (function(){ var iNum01 = 24; function myalert(){ alert('hello!world'); } alert(iNum01); myalert() })() alert(iNum01); myalert();
常用內(nèi)置對(duì)象
1、document
document.getElementById //通過(guò)id獲取元素 document.getElementsByTagName //通過(guò)標(biāo)簽名獲取元素 document.referrer //獲取上一個(gè)跳轉(zhuǎn)頁(yè)面的地址(需要服務(wù)器環(huán)境)
2、location
window.location.href //獲取或者重定url地址 window.location.search //獲取地址參數(shù)部分 window.location.hash //獲取頁(yè)面錨點(diǎn)或者叫哈希值
3、Math、
Math.random 獲取0-1的隨機(jī)數(shù) Math.floor 向下取整 Math.ceil 向上取整
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript對(duì)象內(nèi)置對(duì)象,值類型和引用類型講解
- jsp的九大內(nèi)置對(duì)象深入講解
- JavaScript內(nèi)置對(duì)象之Array的使用小結(jié)
- JS內(nèi)置對(duì)象和Math對(duì)象知識(shí)點(diǎn)詳解
- JavaScript常用內(nèi)置對(duì)象用法分析
- JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象示例
- 詳解JSP 內(nèi)置對(duì)象request常見(jiàn)用法
- javascript標(biāo)準(zhǔn)庫(kù)(js的標(biāo)準(zhǔn)內(nèi)置對(duì)象)總結(jié)
- jsp內(nèi)置對(duì)象
- 詳解JavaScript的內(nèi)置對(duì)象
- javascript 內(nèi)置對(duì)象及常見(jiàn)API詳細(xì)介紹
- Javascript基礎(chǔ)知識(shí)中關(guān)于內(nèi)置對(duì)象的知識(shí)
相關(guān)文章
JavaScript數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)之?dāng)?shù)組、棧與隊(duì)列
這篇文章主要給大家介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組、棧與隊(duì)列的相關(guān)資料,文中對(duì)數(shù)組、棧與隊(duì)列的使用方法進(jìn)行了詳細(xì)的總結(jié),相信對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-05-05對(duì)比分析Django的Q查詢及AngularJS的Datatables分頁(yè)插件
通過(guò)本文給大家對(duì)比分析了Django的Q查詢及AngularJS的Datatables分頁(yè)插件,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02js實(shí)現(xiàn)九宮格的隨機(jī)顏色跳轉(zhuǎn)
本篇文章主要介紹了js實(shí)現(xiàn)九宮格的隨機(jī)顏色跳轉(zhuǎn)的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02JavaScript使用DeviceOne開(kāi)發(fā)實(shí)戰(zhàn)(三)仿微信應(yīng)用
這篇文章主要介紹了JavaScript使用DeviceOne開(kāi)發(fā)實(shí)戰(zhàn)(三)仿微信應(yīng)用的相關(guān)資料,需要的朋友可以參考下2015-12-12js實(shí)現(xiàn)動(dòng)態(tài)改變字體大小代碼
本文為大家介紹下使用js如何實(shí)現(xiàn)動(dòng)態(tài)改變字體大小,感興趣的額朋友不要錯(cuò)過(guò)2014-01-01JavaScript實(shí)現(xiàn)兩個(gè)select下拉框選項(xiàng)左移右移
這篇文章主要介紹了JavaScript實(shí)現(xiàn)兩個(gè)select下拉框選項(xiàng)左移右移功能,js實(shí)現(xiàn)下拉框元素互相移動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03js中獲取鍵盤按下鍵值event.keyCode、event.charCode和event.which的兼容性詳解
這篇文章主要給大家介紹了關(guān)于Javascript中獲取鍵盤按下鍵值event.keyCode、event.charCode和event.which的兼容性的相關(guān)資料,文中介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-03-03