JavaScript入门(二)

一、JS中的运算符

  1、算术运算(单目运算符)
    + 加、-减、*乘、 /除、 %取余、++自增运算符 、--自减运算符;
    >>>+:有两种作用,链接字符串/加法运算符。当+两边全为数字时,进行加法运算;当+两边有任意一边为字符串时,起链接字符串的作用,链接之后的结果为字+符串。除+外,其余符号运算时,会先尝试将左右变量用Number函数转为数字;
    >>>/:结果会保留小数点。
    >>>++:自增运算符,将变量在原有基础上+1;
      --:自减运算符,将变量在原有基础上-1;

    [a++和++a的异同点]
     ①相同点:无论a++还是++a,运算完以后,a的值均会+1;
     ②不通电:a++,先用a的值去运算,再把a+1;
          ++a,先把a+1,再用a+1以后的值去运算;
      eg:

        

        所以,a=5,b=5,c=7;

  2、赋值运算
    = 赋值号(把右边的值赋给左边); += -= *= /= %=
    +=:a+=b; 相当于a=a+b;但是,前者的运算效率要比后者快,所以推荐使用+=的写法;

      eg:

        

   3、关系运算
    ==(等于)、 ===(严格等于)、 !=(不等于)、!==(不全等/不严格等于)>、<、>=、<=
    >>> 关系运算符,运算之后的结果,只能是boolean类型(true或false);
    >>> 判断一个数字是否处于某个区间,必须用&&链接
      eg:

        var a=3;

        alert(a<10 && a>2); √
        10>a>0 ×      

    >>> ===(严格等于:不但数值相同,类型也必须相同;类型不同,结果直接为false;类型相同,再进行下一步判断;)
      ==(等于。类型相同,与===效果一样。类型不同时,会先尝试用number函数将两边转为数字,然后再进行判断。但是有个别特例,如null==false × null==undefined √)

  4、条件运算符(多目运算符)
    a>b?true:false
    有两个重要符号:?和:
      当?前面部分运算结果为true时,执行:前面的代码;
      当?前面部分运算结果为false时,执行:后面的代码;

      冒号两边可以为数值,则整个式子可用于赋值。 var a = 1<2?1:2;
      冒号两边可以为代码块,将直接执行代码。 1<2?alert(1):alert(2);
      多目运算符可以多层嵌套。 var a = 1<2?alert(1):(1>0?4:5);

  5、位运算符、 逻辑运算符
    &&(与,and)、||(或)、!(非)
    && 两边都成立,结果为true
    || 两边有任意一边成立,结果为true
    &&和||同时存在,先算&&(&&的优先级高)

  6、运算符的优先级
    

  7、实例

   ①判断水仙花数

    

      运行结果:

     

    ②四则运算器

     

二、JS中的分支结构

  [if-else结构]

    1、结构的写法:
        if(判断条件){
            //条件为true时,执行if的{}
        }else{
            //条件为false时,执行else的{}
        }
    2、注意事项:
      ①else{}语句块可以根据情况进行省略。
      ②if和else后面的{}可以省略,但是省略{}后,if和else后面只能跟一条语句;(所以,并不建议省略{})
    3、if的()中的判断条件,支持的情况:
      ①Boolean:true为真,false为假;
      ②String:空字符串为假,所有非空字符串为真;
      ③Number:0为假,一切非0数字为假;
      ④Null/Undefined/NaN: 全为假;
      ⑤object: 全为真;

  [多重if、阶梯if结构]
    1、结构写法:
        if(条件一){
            //条件一成立,执行的操作
        }else if(条件二){
            //条件一不成立&&条件二成立,执行的操作
        }else{
            //上述所有条件都不成立时,执行的操作
        }
    2、多重if结构中,各个判断条件是互斥的,执行选择其中一条路执行。遇到正确选项并执行完以后,直接跳出结构,不再判断后续分支;

  [嵌套if结构]
    1、结构写法:

       

    2、在嵌套if结构中,如果省略{},则else结构永远属于离它最近的一个if结构。
    3、嵌套结构可以多层嵌套,但是一般不推荐超过3层。能用多重if结构的一般不推荐使用嵌套if。

时间: 2024-11-05 13:44:16

JavaScript入门(二)的相关文章

Javascript入门(二)变量、获取元素、操作元素

一.变量 Javascript 有五种基本数据类型 number.String.boolean.undefined.null 一种复合类型:object 二.使用getElementById方法获取元素 方式一: 这里的元素,指html里的标签,通过内置docuement的 'getElementById' 方法获取页面上设置了 id 属性的元素, 获取一个html对象,并为其赋值, 先不赋值看个例子: <!DOCTYPE html> <html lang="en"&

[WebGL入门]二十,绘制立体模型(圆环体)

注:文章译自http://wgld.org/,原作者杉本雅広(doxas),文章中如果有我的额外说明,我会加上[lufy:],另外,鄙人webgl研究还不够深入,一些专业词语,如果翻译有误,欢迎大家指正. 本次的demo的运行结果 立体的模型 这次稍微喘口气,开始绘制立体模型.这里说的[喘口气]是指本次的文章中没有出现任何新的技术知识点.只是利用到现在为止所介绍过的内容,来绘制一个立体的圆环体.到现在为止,只绘制了三角形和四边形,当然,在三维空间中绘制简单的多边形也没什么不对,但是缺点儿说服力.

&lt;javascript入门&gt;基本语法

<javascript入门>基本语法一.什么是javascript?javascript语言有什么特点?脚本语言的特点?    1.如果说css是给html页面进行化妆装饰以使html页面更加美观漂亮,那么javascript就是对html中DOM树上的节点进行增删改以使html页面实现动态的效果.    2.javascript语言是一种基于面向对象的.弱类型的.平台无关性的.安全性的语言.之所以说javascript基于面向对象是说它不是一种纯粹的面向对象,而是需要面向对象时即面向对象,需

JavaScript入门--慕课网学习笔记

 JAVASCRIPT-(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja

02.JavaScript入门基础

一.JavaScript数据结构: 标识符(变量名和函数名) JavaScript语言中标识符最重要的3点就是: (1)第一个字符必须是字母.下划线(_)或美元符号这3种其中之一,其后的字符可以是字母.数字或下划线.美元符号: (2)变量名不能包含空格.加号.减号等符号: (3)标识符不能和JavaScript中用于其他目的的关键字同名: .关键字(JavaScript关键字是指在JavaScript语言中有特定含义,成为JavaScript语法中一部分的那些字) .常量(常量的指从定义开始就是

[WebGL入门]二,开始WebGL之前,先了解一下canvas

注:文章译自http://wgld.org/,原作者杉本雅広(doxas),文章中如果有我的额外说明,我会加上[lufy:],另外,鄙人webgl研究还不够深入,一些专业词语,如果翻译有误,欢迎大家指正. HTML5和canvas标签 现在(2012年2月)HTML5依然处于草案阶段. HTML5支持网页端的多媒体功能和画布功能,追加了很多全新的更合理的Tag标签,各个浏览器也都在逐渐的完善这些新的特性. Canvas对象表示一个 HTML画布元素,如它的名字一样,它定义了一个API支持脚本化客

JavaScript系列二:变量、数组、流程控制、函数以及事件响应

JavaScript入门内容的复习:JavaScript入门 输出内容 document.write("xxx"); 弹出警告窗口 alert("xxx"); 弹出确认窗口 confirm("xxx"); 弹出提问窗口 prompt("xxx"); 单行注释 // 多行注释 /* */ 函数语法格式 function xxx() { xxxx; } 引入JS外部文件的方式 <script src="xx.js&

javascript入门视频第一天 小案例制作 零基础开始学习javascript

JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此,小强老师给大家写了这篇入门的javascript文章.从零基础开始学习js,使大家入门更简单,希望大家喜欢.JavaScript是一种脚本语言. 也是我们web网络中最为流行一种脚本语言.脚本语言:     1.不是独立存在的.需要依附.js就是依附在浏览器中.     2.脚本语言也是语言,也有

JavaScript基础——JavaScript入门

JavaScript入门 JavaScript是一种轻量级.解释型的Web开发语言,该语言系统不是很庞杂,简单易学.由于所有现代浏览器都已嵌入JavaScript引擎,JavaScript源代码可以在浏览器中直接被解释执行,用户不用担心支持问题. 一.在网页中插入JavaScript代码 使用<script>标签,可以把JavaScript源代码直接放到网页文档中. [示例1]新建HTML文档并保存为test.html,然后在<head> 标签内插入<script>标签

初探JavaScript(二)——JS如何动态操控HTML

除去五一三天,我已经和<JavaScript Dom编程艺术>磨合了六天,第一印象很好.慢慢的,我发现这是一块排骨,除了肉还有骨头.遇到不解的地方就会多看几遍,实在不懂的先跳过,毕竟,初次接触JS,没有必要花费过多时间去钻死胡同,先混个脸熟,以后再来拜访也未尝不可嘛.就这样,踉踉跄跄.囫囵吞枣似的已经过五关斩六将,到达第十一章. 书中有几个章节并没有从语法.技术等层面介绍JavaScript,而是站在一个全局的角度,立足编程原则和习惯道破了我们该如何看待和使用这门语言,主要有以下几点: Jav