• JavaScript 的使用基础总结①


    JavaScript 使用

     

    JavaScript 是一种轻量级的编程语言,JavaScript 是可插入 HTML 页面的编程代码,JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

            HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

    使用JS的三种方式
    1.在html标签中直接使用内嵌JS,并不提倡使用
    不符合W3C内容与行为分离的要求。

    2. 在HTML页面中使用script标签包裹JS代码,
     script标签可以放到页面的任何位置

    3.引入外部的js文件,使用script标签

    JS语句


     

                  JavaScript If...Else 语句

     

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

      请使用 switch 语句来选择要执行的多个代码块之一

    工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

    switch(n)
    {
    case 1:
      
      break;
    case 2:
      
      break;
    default:
     
    }

    JavaScript For 循环

    如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。

    document.write(cars[0] + "<br>");
    document.write(cars[1] + "<br>");
    document.write(cars[2] + "<br>");
    document.write(cars[3] + "<br>");
    document.write(cars[4] + "<br>");
    document.write(cars[5] + "<br>");

    JavaScript While 循环

    只要指定条件为 true,循环就可以一直执行代码。

    while 循环

    While 循环会在指定条件为真时循环执行代码块。

    语法

    while (条件)
      {
      需要执行的代码
      }

    JavaScript Break 和 Continue 语句

    break 语句用于跳出循环。

    continue 用于跳过循环中的一个迭代。

    Break 语句

    我们已经在本教程稍早的章节中见到过 break 语句。它用于跳出 switch() 语句。

    break 语句可用于跳出循环。

    break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):

    实例

    for (i=0;i<10;i++)
      {
      if (i==3)
        {
        break;
        }
      x=x + "The number is " + i + "<br>";
      }



    JavaScript 变量

    1.与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

    变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。


    2.变量名的命名要求
    ①变量名只能用 字母 数字 下划线组成。
    ②开头不能是数字。
    ③变量名区分大小写,大写字母与小写字母为不同变量。(纯大写字母一般用来表示常量)


    3. 变量名的命名规范
    ①符合小驼峰法则(驼峰法则) 多个单词组成是变量名,除第一个字母小写,之后每个单词首字母大写。
    myNameIsLi
    ②或者使用 匈牙利命名法 ,所有字母小写,单词之间用下划线分隔 _ .



    4. JS中的数据类型 (记住)
    ① Undefind 未赋值 ,已经使用var声明的变量但是没有赋值。
    ② Nall 表示空的引用
    ③ Boolean 布尔类型。表示真假 ture 、flase。
    ④Number 数值类型 ,可以是整数,可以是小数、
    ⑤String 字符串类型,用" " 或 '' 包裹
    ⑥Object 对象类型

    JavaScript 数据类型

    使用 var 关键词来声明变量:

    var carname;

    变量声明之后,该变量是空的(它没有值)。

    如需向变量赋值,请使用等号:

    carname="Volvo";

    不过,您也可以在声明变量时对其赋值:

    var carname="Volvo";

    JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bill Gates")。

    在 JavaScript 中,类似 "Bill Gates" 这样一条文本被称为字符串。

    JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。

    当您向变量分配文本值时,应该用双引号或单引号包围这个值。

    当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

     JavaScript 运算符

    算术运算(单目运算符)
             + , - , * , /(保留小数) , % , ++ 自增, --自减
              + 加法运算、连接字符串 ,除加号外其余符号会先尝试将左右两边转Number

    [a++/ ++a的异同]、(--同理)

    a=1 b= a++ +2 >>>b=3 a=2 先用a的值执行加法 ,再把a自加 。
    c= ++a +2 >>>5 先执行a自增,再进行加法

    赋值运算
             = += -= *= /= %=
               =: 赋值;
               +=:a+=b ;相当于 a=a+b;

    关系运算
          == , != , > , < , >= , <=
              》关系运算符运算之后的结果是boolean类型 ture/flase。
             》 判断一个数字是否处于某个区间必须用 && 链接。
             == 等于 ,类型相同直接判断 ,类型不同时会尝试将两边转为Number再判断。
             != 不等于
               === 严格等于 数值类型都必须相同,类型不同结果为false,类型相同再进行下一步判断。
               !== 不严格等于

    条件运算符(多目运算)
             a>b?true:false

      有两个重要符号 ?和:
    当问号前面的部分结果为ture 执行:前面的代码,flase 执行:后面的代码,:两边可以为数值,则整个式子可用于赋值。冒号两边为代码块,将直接执行代码。
    多目运算可以多层嵌套

    位运算符、 逻辑运算符
             &&、||、!
       

    运算符的优先级
    ()
    ! ++ --
    * / %
    + -
    > < >= <=
    == !=
    && 与或同时存在时与比或高
    ||
    = += *= /= 最低的是各种赋值

     

  • 相关阅读:
    ASP.NET Core – Web API Versioning
    ASP.NET Core – Handle Error on Web API
    ASP.NET Core – MVC vs Razor Page
    EF Core – Library use EF
    ASP.NET Core – Filter
    GeoServer地图开发解决方案
    参透人生的一道计算题
    iscroll4 精讲
    各种分割线Html代码
    iBatis入门教程
  • 原文地址:https://www.cnblogs.com/undeceive/p/7401050.html
Copyright © 2020-2023  润新知