zoukankan      html  css  js  c++  java
  • JavaScript 遗漏知识再整理;错误处理,类型转换以及获取当前时间、年份、月份、日期;

    1.JavaScript 错误处理 Throw、Try 和 Catch

    try 语句测试代码块的错误。

    catch 语句处理错误。

    throw 语句创建自定义错误。


     

    JavaScript 错误

    当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:

    可能是语法错误,通常是程序员造成的编码错误或错别字。

    可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。

    可能是由于来自服务器或用户的错误输出而导致的错误。

    当然,也可能是由于许多其他不可预知的因素。


    JavaScript 抛出(throw)错误

    当错误发生时,当事情出问题时,JavaScript 引擎通常会停止,并生成一个错误消息。

    描述这种情况的技术术语是:JavaScript 将抛出一个错误。


    JavaScript try 和 catch

    try 语句允许我们定义在执行时进行错误测试的代码块。

    catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

    JavaScript 语句 try 和 catch 是成对出现的。


    实例:

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    var txt="";
    function message()
    {
    try
      {
      adddlert("Welcome guest!");
      }
    catch(err)
      {
      txt="本页有一个错误。
    
    ";
      txt+="错误描述:" + err.message + "
    
    ";
      txt+="点击确定继续。
    
    ";
      alert(txt);
      }
    }
    </script>
    </head>
    
    <body>
    <input type="button" value="查看消息" onclick="message()">
    </body>
    
    </html>

    Throw 语句

    throw 语句允许我们创建自定义错误。

    正确的技术术语是:创建或抛出异常(exception)。

    如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

    <script>
    function myFunction()
    {
    try
      { 
      var x=document.getElementById("demo").value;
      if(x=="")    throw "empty";
      if(isNaN(x)) throw "not a number";
      if(x>10)     throw "too high";
      if(x<5)      throw "too low";
      }
    catch(err)
      {
      var y=document.getElementById("mess");
      y.innerHTML="Error: " + err + ".";
      }
    }
    </script>
    
    <h1>My First JavaScript</h1>
    <p>Please input a number between 5 and 10:</p>
    <input id="demo" type="text">
    <button type="button" onclick="myFunction()">Test Input</button>
    <p id="mess"></p>

    2.JavaScript 类型转换

    将数字转换为字符串

    (1)全局方法 String() 可以将数字转换为字符串。

    该方法可用于任何类型的数字,字母,变量,表达式:

    String(x)         // 将变量 x 转换为字符串并返回
    String(123)       // 将数字 123 转换为字符串并返回
    String(100 + 23)  // 将数字表达式转换为字符串并返回

     (2)toString() 也是有同样的效果。

    x.toString()
    (123).toString()
    (100 + 23).toString()

    将布尔值转换为字符串

    (1)全局方法 String() 可以将布尔值转换为字符串。

    String(false)        // 返回 "false"
    String(true)         // 返回 "true"

     (2)toString() 也有相同的效果。

    false.toString()     // 返回 "false"
    true.toString()      // 返回 "true"

    将日期转换为字符串

    (1)String() 可以将日期转换为字符串。

    String(Date())      // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

    (2)toString() 也有相同的效果。

    Date().toString()   // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

    将字符串转换为数字

     Number() 可以将字符串转换为数字。

    Number("3.14")    // 返回 3.14
    Number(" ")       // 返回 0 
    Number("")        // 返回 0
    Number("99 88")   // 返回 NaN

    将布尔值转换为数字

    Number() 可将布尔值转换为数字。

    Number(false)     // 返回 0
    Number(true)      // 返回 1

    将日期转换为数字

    Date() 可将日期转换为数字。

    d = new Date();
    Number(d)          // 返回 1404568027739

    getTime() 也有相同的效果。

    d = new Date();
    d.getTime()        // 返回 1404568027739

    获取当前时间:var aa=new Date();

    <body>
    <div style="border:1px solid red; 100px; height:100px;" onclick="dianji()">
    </body>
    </html>
    <script>
    function dianji()
    {
        var aa=new Date();
        alert(aa);
        
        }
    
    </script>

    获取当前年份.getFullYear();

    <body>
    <div style="border:1px solid red; 100px; height:100px;" onclick="dianji()">
    </body>
    </html>
    <script>
    function dianji()
    {
        var aa=new Date();
        var bb=aa.getFullYear();
        alert(bb);
        
        }
    
    </script>

    获取当前月份:.getMonth();

    
    
    <div style="border:1px solid red; 100px; height:100px;" onclick="dianji()">
    </body>
    </html>
    <script>
    function dianji()
    {
        var aa=new Date();
        var bb=aa.getMonth();
        alert(bb);
        
        }
    
    </script>

    获取当前天:.getDay();

    <body>
    <div style="border:1px solid red; 100px; height:100px;" onclick="dianji()">
    </body>
    </html>
    <script>
    function dianji()
    {
        var aa=new Date();
        var bb=aa.getDay();
        alert(bb);
        
        }
    
    </script>
  • 相关阅读:
    TopCoder SRM502 Div1 500 贪心 01背包
    TopCoder SRM502 Div1 1000 动态规划
    LOJ#6433. 「PKUSC2018」最大前缀和 状压dp
    Codeforces 830D Singer House 动态规划
    Codeforces 830C Bamboo Partition 其他
    UOJ#275. 【清华集训2016】组合数问题 数位dp
    Codeforces 806 D. Perishable Roads Dijkstra
    UOJ#53. 【UR #4】追击圣诞老人 树链剖分 k短路
    Java第二天——标识符命名规则、Java的知识、快捷键的使用、Scanner获取值的常用方法
    Scanner的例子
  • 原文地址:https://www.cnblogs.com/xingyue1988/p/6106022.html
Copyright © 2011-2022 走看看