美文网首页
JavaScript 入门(一、JavaScript变量运算符)

JavaScript 入门(一、JavaScript变量运算符)

作者: 码上行动 | 来源:发表于2018-12-15 15:35 被阅读0次

    网页中插入JavaScript脚本的方法

    使用<script>标记将脚本嵌入到网页中(嵌入式)

    <script>  alert("hello")  </script>
    

    直接将脚本嵌入到HTML标记的事件中(行内式)

        <button onclick="alert(123)">按钮</button>
    

    通过<script>标记的src属性链接外部脚本文件(链接式)

    <script src="index.js"></script>
    

    补充:
    (1)单行注释: //
    (2) 多行注释: /*… */
    (3)每个语句以 “;”号结束

    JavaScript变量

    1. 用“var”关键字来定义变量,并可以将其初始化为任何值
    2. 变量中存储的值可以改变。
    var name ="XiaoMing"; //字符串
    var age=18; //数值
    var school="CSU";
    var male=true; //布尔值false
    

    关键字及保留字
    break
    else
    new
    var
    case
    finally
    return
    void
    catch
    for
    switch
    while
    ……….
    abstract
    enum
    int
    short ..........
    变量命名规范
    首字符必须是字母、下划线或美元符号。
    余下的字母可以是下划线、美元符号、任意字母或者数字。
    变量名不能是关键字或保留字。
    变量名区分大小写。
    变量名中不能有空格、回车符或其他标点字符。
    为了符合编程规范,推荐使用驼峰式命名方式:当变量名由多个英文单词组成时,第一个英文单词全部小写,以后每个英文单词的第一个字母大写。

    var userName;
    

    JavaScript运算符

    运算符是指完成操作的一系列符号,也称为操作符。
    运算符用于将一个或多个值进行运算并返回结果。
    使用运算符的值称为操作数。
    运算符和操作数的组合称为表达式。

    var num1=23,num2=5;
    var result;
          result=num1+num2;
          alert ( result );  //28
    

    JavaScript运算符的类型

    1.算术运算符

    +、-、*、/、%、++、- -

    2.比较(关系)运算符

    (比较运算符的结果一定是布尔值(true,false)>、<、>=、<= 、==、===、!=、!==

    3.逻辑运算符 && 、 || 、 !

    &&(逻辑与 and): 两边都为真,结果才为真
    || (逻辑或 or): 只要一边为真,结果就为真
    !(逻辑非 not):右边为假,结果为真,右边为真,结果为假

    var result=(3>5)||(6>=4);//true
          result=(6==6)&&(!(6<7))//false
    

    1.逻辑与(&&) 
    对于布尔值,逻辑与是非常简单的,只要有一个false,就返回false;
    对于不是布尔值的情况则:
    如果第一个操作数是对象,则返回第二个数
    如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回 该对象;
    如果两个操作数都是对象,则返回第二个操作数
    如果有一个操作数是null,则返回null
    如果有一个操作数是NaN,则返回第NaN
    如果第一个操作数是undefined,则返回undefined

    2.逻辑或(||) 
    对于布尔值,逻辑或是非常简单的,只要有一个true,就返回true;
    对于不是布尔值的情况则:
    如果第一个操作数是对象,则返第一个操作数
    如果第一个操作数的求值结果为false,则返回第二个操作数
    如果两个操作数都是对象,则返回第一个操作数
    如果两个操作数是null,则返回null
    如果两个操作数是NaN,则返回NaN
    如果两个操作数是undefined,则返回undefined

    3.逻辑非(!)
    如果一个操作数是一个对象,返回false;
    如果一个操作数是一个空字符串,返回false;
    如果一个操作数是一个非空字符串,返回false;
    如果一个操作数是一个数值0,返回true;
    如果一个操作数是任意的非零字符,返回false;
    如果一个操作数是null,返回true;
    如果一个操作数是NaN,返回true;
    如果一个操作数是undefined,返回true;

    4.赋值运算符

    = 、+= 、-=、*=、/= 、%=

    var a=3;b=“4”;
          a+=3; // a=a+3;
          a-=3;
    

    赋值:表示把赋值符号右侧的表达式的结果存入左侧的变量。

    5.连接运算符 +

    只要“+”一边的操作数为字符串型数据,则不再执行加法运算,而执行连接运算。
    连接后的结果为字符串型数据。

    运算符优先级

    小括号>算术运算符>比较运算符>逻辑运算符>赋值运算符

    var a=5,b=3;
    var c;
    c=a+b>3&&a<a-b*2;
    

    相关文章

      网友评论

          本文标题:JavaScript 入门(一、JavaScript变量运算符)

          本文链接:https://www.haomeiwen.com/subject/mbrahqtx.html