• JavaScript学习——JavaScript语法 语句


    JavaScript 语法

    JavaScript 是一个脚本语言。

    它是一个轻量级,但功能强大的编程语言。

    JavaScript 字面量

    在编程语言中,一般固定值称为字面量,如 3.14。

    数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。

    3.14

    1001

    123e5
    字符串(String)字面量 可以使用单引号或双引号:
    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>博客园mtimeyu</title> 
    </head>
    <body>
    	
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = 'mtimeyu Doe';
    </script>
    	
    </body>
    </html>
    

    表达式字面量 用于计算:

    <script type="text/javascript">
        var a = 10;
        var b = a;
            b = 20;
        alert("a="+a);//打印a=10
        
        var b1 = true;
        var b2 = b1;
            b2 = false;
        alert("b1="+b1);//打印b1=true
     </script>
    

     

    数组(Array)字面量 定义一个数组:[40, 100, 1, 5, 25, 10]

     对象(Object)字面量 定义一个对象:{firstName:"mtimeyu", lastName:"Doe", age:50, eyeColor:"blue"}

     函数(Function)字面量 定义一个函数:function myFunction(a, b) { return a * b;}

    JavaScript 变量

    在编程语言中,变量用于存储数据值。

    JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:

    var x, length

    x = 5

    length = 6

    变量可以通过变量名访问。在指令式语言中,变量通常是可变的。字面量是一个恒定的值。

    JavaScript 操作符

    JavaScript使用 算术运算符 来计算值:

    <script type="text/javascript">
        var a = 10;
        var b = a;
            b = 20;
        alert("a="+a);//打印a=10
        
       
     </script>
    

     JavaScript使用赋值运算符给变量赋值:

    <script type="text/javascript">
     x = 5
    y = 6
    z = (x + y) * 10 
        alert("z="+z);
       
     </script>
    

     

    JavaScript语言有多种类型的运算符:

    类型实例描述
    赋值,算术和位运算符 =  +  -  *  / 在 JS 运算符中描述
    条件,比较及逻辑运算符 ==  != <  >  在 JS 比较运算符中描述

    在 HTML 中,JavaScript 语句向浏览器发出的命令。

    语句是用分号分隔:

    x = 5 + 6;
    y = x * 10;

    JavaScript 关键字

    JavaScript 关键字用于标识要执行的操作。

    和其他任何编程语言一样,JavaScript 保留了一些关键字为自己所用。

    var 关键字告诉浏览器创建一个新的变量:
    var x = 5 + 6;
    var y = x * 10;

    JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。

    JavaScript 关键字必须以字母、下划线(_)或美元符($)开始。

    后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)。

    以下是 JavaScript 中最​​重要的保留字(按字母顺序):

    abstract else instanceof super
    boolean enum int switch
    break export interface synchronized
    byte extends let this
    case false long throw
    catch final native throws
    char finally new transient
    class float null true
    const for package try
    continue function private typeof
    debugger goto protected var
    default if public void
    delete implements return volatile
    do import short while
    double in static with

    JavaScript 注释

    不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略:

    // 我不会执行

    JavaScript 数据类型

    JavaScript包含两种不同数据类型:基本数据类型和引用数据类型。基本类型指的是简单的数据,引用类型指由多个值构成的对象。当我们把值赋值给一个变量时,解析器首先要做的就是确认这个值是基本类型值还是引用类型值。

    常见的五种基本数据类型:

    1. Boolean
    2. Number
    3. String
    4. Undifined
    5. Null

    JavaScript 有多种数据类型:数字,字符串,数组,对象等等:

    var length = 16;                                  // Number 通过数字字面量赋值
    var points = x * 10;                              // Number 通过表达式字面量赋值
    var lastName = "Johnson";                         // String 通过字符串字面量赋值
    var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
    var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

    JavaScript 字母大小写

    JavaScript 对大小写是敏感的。

    当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

    函数 getElementByIdgetElementbyID 是不同的。

    同样,变量 myVariableMyVariable 也是不同的。

    JavaScript 字符集

    JavaScript 使用 Unicode 字符集。

    Unicode 覆盖了所有的字符,包含标点等字符。

    JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。

    JavaScript 语句

    JavaScript 语句是发给浏览器的命令。

    这些命令的作用是告诉浏览器要做的事情。

    下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dtt" :

    <body>
    
    <h1>我的网页</h1>
    <p id="demo">我的第一个段落。</p>
    <script>
    document.getElementById("demo").innerHTML = "你好 Dtt";
    </script>
    
    </body>
    

    分号 ;

    分号用于分隔 JavaScript 语句。

    通常我们在每条可执行的语句结尾添加分号。

    使用分号的另一用处是在一行中编写多条语句。

    a = 5; b = 6; c = a + b;

    JavaScript 代码

    JavaScript 代码是 JavaScript 语句的序列。

    浏览器按照编写顺序依次执行每条语句。

    <body>
    
    <h1>我的 Web 页面</h1>
    <p id="demo">一个段落。</p>
    <div id="myDIV">一个 DIV。</div>
    <script>
    document.getElementById("demo").innerHTML="你好 Dtt";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
    </script>
    

     

    JavaScript 代码块

    JavaScript 可以分批地组合起来。

    代码块以左花括号开始,以右花括号结束。

    代码块的作用是一并地执行语句序列。

    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>mtimeyu博客园</title> 
    </head>
    <body>
    
    <h1>我的 Web 页面</h1>
    <p id="myPar">我是一个段落。</p>
    <div id="myDiv">我是一个div。</div>
    <p>
    <button type="button" onclick="myFunction()">点击这里</button>
    </p>
    <script>
    function myFunction(){
    	document.getElementById("myPar").innerHTML="你好世界!";
    	document.getElementById("myDiv").innerHTML="你最近怎么样?";
    }
    </script>
    <p>当您点击上面的按钮时,两个元素会改变。</p>
    
    </body>
    </html>
    

     

    JavaScript 语句标识符

    JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。

    语句标识符是保留关键字不能作为变量名使用。

    下表列出了 JavaScript 语句标识符 (关键字) :

    语句描述
    break 用于跳出循环。
    catch 语句块,在 try 语句块执行出错时执行 catch 语句块。
    continue 跳过循环中的一个迭代。
    do ... while 执行一个语句块,在条件语句为 true 时继续执行该语句块。
    for 在条件语句为 true 时,可以将代码块执行指定的次数。
    for ... in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
    function 定义一个函数
    if ... else 用于基于不同的条件来执行不同的动作。
    return 退出函数
    switch 用于基于不同的条件来执行不同的动作。
    throw 抛出(生成)错误 。
    try 实现错误处理,与 catch 一同使用。
    var 声明一个变量。
    while 当条件语句为 true 时,执行语句块。

    空格

    JavaScript 会忽略多余的空格。可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

    var person="dtt";
    var person = "dtt";

    对代码行进行折行

    可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

    document.write("你好
    世界!");

    不过,您不能像这样折行:

    document.write
    ("你好世界!");
  • 相关阅读:
    设计模式详细系列教程 (三)以网上购物通用的订单流程 详解状态模式
    DIV +CSS 系列详细教程 (一)初识
    JAVA JDK环境变量的配置
    SCM软件配置管理 (二) SVN管理平台搭建以及详细设置
    设计模式详细系列教程 (四) 无处不在的单例模式
    Java、JavaScript、asp.net 、jquery 详细分析
    牛腩新闻发布系统 (6) 在线浮动的客服功能
    牛腩新闻发布系统 (4)验证码的生成
    UML系列 (六)如何提取用例技术?
    牛腩新闻发布系统 (5) 总结
  • 原文地址:https://www.cnblogs.com/mtime2004/p/9743625.html
Copyright © 2020-2023  润新知