快捷導航

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

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

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

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

Math對象

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>math對象</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之間的隨機數(shù)
    }
    console.log(arr)//console.log()在谷歌瀏覽器中用console查看就能看見調(diào)試程序
  </script>
</head>
<body>
</body>
</html>

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

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

一般不用document.title，alert()因為要彈出，所以會阻止函數(shù)的運行，console.log就不會有這個缺點。

<!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>

頁面先彈出12，在改變顏色，再彈出14，但是由于渲染的比較慢，所以就縣彈出12，再彈出14，在改變頁面顏色

<!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>

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