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ì)有所幫助。