快捷導(dǎo)航

JavaScript Math對(duì)象和調(diào)試程序的方法分析

更新時(shí)間：2019年05月13日 10:22:28 作者：SpecYue

這篇文章主要介紹了JavaScript Math對(duì)象和調(diào)試程序的方法,結(jié)合實(shí)例形式分析了javascript中Math對(duì)象生成隨機(jī)數(shù)以及使用alert()、console.log()函數(shù)進(jìn)行錯(cuò)誤調(diào)試相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript Math對(duì)象和調(diào)試程序的方法。分享給大家供大家參考，具體如下：

Math對(duì)象

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>math對(duì)象</title>
  <script type="text/javascript">
    var iPi=Math.PI;
    // alert(iPi);
    var iNum=Math.random();
    // alert(iNum);
    // var
    /*
    console.log是常用的調(diào)試程序的方法
    * */
    var arr=[];
    for(var i=0;i<20;i++){
      arr[i]=Math.random();//Math.random()只能返回從0到1之間的隨機(jī)數(shù)
    }
    console.log(arr)//console.log()在谷歌瀏覽器中用console查看就能看見(jiàn)調(diào)試程序
  </script>
</head>
<body>
</body>
</html>

Math對(duì)象能產(chǎn)生隨機(jī)數(shù)等等，這就引出了除了alert()以外的另一個(gè)調(diào)試程序的方法，console.log(),其實(shí)還有document.title

調(diào)試程序的方法

一般不用document.title，alert()因?yàn)橐獜棾觯詴?huì)阻止函數(shù)的運(yùn)行，console.log就不會(huì)有這個(gè)缺點(diǎn)。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    window.onload=function () {
      var oBody=document.getElementById('body1');
      var iNum01=12;
      alert(iNum01);
      oBody.style.backgroundColor='gold';
      var iNum02=14;
      alert(iNum02);
    }
  </script>
</head>
<body id="body1">
</body>
</html>

頁(yè)面先彈出12，在改變顏色，再?gòu)棾?4，但是由于渲染的比較慢，所以就縣彈出12，再?gòu)棾?4，在改變頁(yè)面顏色

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    window.onload=function () {
      var oBody=document.getElementById('body1');
      var iNum01=12;
      // alert(iNum01);
      console.log(iNum01);
      oBody.style.backgroundColor='gold';
      var iNum02=14;
      // alert(iNum02);
      console.log(iNum02);
    }
  </script>
</head>
<body id="body1">
</body>
</html>

這樣的效果就是直接改變頁(yè)面，然后console.log的值到console里面去找