zoukankan      html  css  js  c++  java
  • JavaScript小白教程2

    条件语句

    通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

    在 JavaScript 中,我们可使用以下条件语句:

    • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
    • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
    • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
    • switch 语句 - 使用该语句来选择多个代码块之一来执行

    不同类型的循环

    JavaScript 支持不同类型的循环:

    • for - 循环代码块一定的次数
    • for/in - 循环遍历对象的属性
    • while - 当指定的条件为 true 时循环指定的代码块
    • do/while - 同样当指定的条件为 true 时循环指定的代码块

    typeof 操作符返回变量或表达式的类型

    <body>
    
    <p> typeof 操作符返回变量或表达式的类型。</p>
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = 
        typeof "john" + "<br>" + 
        typeof 3.14 + "<br>" +
        typeof false + "<br>" +
        typeof [1,2,3,4] + "<br>" +
        typeof {name:'john', age:34};
    </script>
    
    </body>

    输出结果:

    typeof 操作符返回变量或表达式的类型。

    string
    number
    boolean
    object
    object

    Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。 

    判断是否是日期

    <body>
    
    <p>判断是否为日期。</p>
    <p id="demo"></p>
    <script>
    var myDate = new Date();
    document.getElementById("demo").innerHTML = isDate(myDate);
    function isDate(myDate) {
        return myDate.constructor.toString().indexOf("Date") > -1;
    }
    </script>
    
    </body>

    判断是否为日期。

    true

    正则表达式    相当于Java中的字符串中替换,去除某个字符。相当于对字符串的操作

    c<body>
    
    <p>替换 "Microsoft" 为 "Runoob" :</p>
    <button onclick="myFunction()">点我</button>
    <p id="demo">请访问 Microsoft!</p>
    <script>
    function myFunction() {
        var str = document.getElementById("demo").innerHTML; 
        var txt = str.replace("Microsoft","Runoob");
        document.getElementById("demo").innerHTML = txt;
    }
    </script>
    
    </body

    输出结果:

    替换 "Microsoft" 为 "Runoob" :

    请访问 Runoob!

    JavaScript  try和catch

    <body>
    
    <p>请输出一个 5 到 10 之间的数字:</p>
    
    <input id="demo" type="text">
    <button type="button" onclick="myFunction()">测试输入</button>
    <p id="message"></p>
    
    <script>
    function myFunction() {
        var message, x;
        message = document.getElementById("message");
        message.innerHTML = "";
        x = document.getElementById("demo").value;
        try { 
            if(x == "")  throw "值为空";
            if(isNaN(x)) throw "不是数字";
            x = Number(x);
            if(x < 5)    throw "太小";
            if(x > 10)   throw "太大";
        }
        catch(err) {
            message.innerHTML = "错误: " + err;
        }
    }
    </script>
    
    </body>

    输出结果:

    请输出一个 5 到 10 之间的数字:

    错误: 太大

    1:JavaScript中变量提升,可以先定义变量

    变量提升:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

    JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。

    JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。

    2:JavaScript中严格模式

    就是未定义的变量无法使用,一旦使用,就会在控制台上报错。

    3:JavaScript使用误区

    if(a == b)  if(a === b) 多等号。

    <body>
    
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = myFunction(55);
    function myFunction(a) {
        var power = 10
        return a * power
    }
    </script>
    
    </body>

    运行结果:

    550

  • 相关阅读:
    基于Postman的API自动化测试
    MVC 页面静态化
    一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](一)
    HTML LIST 输入框自动查询追加框,自动过滤 HTML5
    C# 关键字
    Python 爬虫实例(15) 爬取 百度百聘(微信公众号)
    爬虫 修改 下拉框
    验证码识别之图像切割算法(三) 连通域分割
    验证码识别之图像切割算法(二)
    验证码识别之图像切割算法(一)
  • 原文地址:https://www.cnblogs.com/jiatianyi/p/10958030.html
Copyright © 2011-2022 走看看