• JS基础部分小结



    [使用js的三种方式]
    1.HTML标签中内嵌JS(不提倡使用)
    2.HTML页面中直接使用JS
    <script type="text/javascript">
    JS代码
    </script>
    3.引用外部JS文件:
    <script language="JavaScript" src="JS文件路径"></script>
    [注意事项]
    1.页面中JS代码与引用JS代码,可以嵌入到HTML的任意位置,但是,位置不同会影响到JS代码的执行顺序;
    例如,<script>在body前面,会在加载前执行JS代码
    2.页面中JS代码,使用type="text/javascript"
    引用外部的JS文件,使用language="javascript"
    3.引用外部JS文件的<srcipt></srcipt>标签,必须成对出现,且标签内不能有任何代码。


    [JS中变量]
    1.JS中的变量声明写法:
    var width=10;使用var申明的变量,只在当前函数作用域有效
    width=11;不适用var,直接赋值生成的变量,默认为全局变量,整个JS文件有效
    var a,b,c=1;//同时声明语句多个变量,变量中间用英文逗号分隔。但,赋值需要单独赋,例如上式中,只有c赋为1,a b为undefined(未定义)
    [声明变量注意事项]
    1.JS中所有变量声明类型,均使用var关键字,变量的数据类型,取决于给变量赋值的执行
    2.同一变量,可以在多次不用赋值时,修改变量的数据类型:
    var width=10;//width 为整形变量
    width="哈哈";//width 被改为字符串类型

    3.变量可以使用var声明,也可以省略var。[区别]不是用var,默认为全局变量

    4.同一变量名,可以多次用var声明,但是并没有任何含义,也不会报错,第二次之后的声明,只会被理解为赋值;

    2.变量的命名规范,
    1.只能有字母·数字,$,下划线组成
    2.开头不能是数字
    3.变量区分大小写,大写字母与小写字母为不同变量

    3.变量名命名要符合驼峰规则:
    变量开头小写,之后每个单词首字母大写(或单词之间用下划线分隔)
    4.js中的变量数据类型
    Undefined:未定义,用var声明的变量,没有进行初始化赋值,var



     document.white();
     输出语句,讲white的()中的内容打印在浏览器屏幕上;
     使用时注意:出变量/常量以外的任何内容,打印时必须放在""中,变量/常量必须放在""外
     打印的内容同时又多部分组成时,之间用+链接

    1、算术运算
    + 加、- 减、* 乘、 / 除、 % 取余、++ 自增、-- 自减

    +:有两种作用,链接字符串/加法运算;当+两边均为数字时,进行加法运算;当+两边有任意一边为字符串时,进行字符串链接,链接之后的结果认为字符串;
    ++:自增运算符,将变量在原有基础上+1;
    --:自减运算符,将变量在原有基础上-1;

    【n++ 与 ++n 的异同】
    n++: 先使用n的值进行计算,然后再把n+1;
    ++n: 先把n的值+1,然后再用n+1以后的值,去运算;
    相同点:不论n++还是++n,在执行完代码以后,均会把n+1;
    eg:var a = 3;
    var b,c;
    b = a++ +2; // a=3 b=5 a=4
    c = ++a +2; // a=4 a=5 c=7

    2、赋值运算
    = 赋值、 += -= *= /= %=

    +=: a += 5;相当于 a = a + 5; 但是,前者的执行效率要比后者快。

    3、关系运算
    == 等于、=== 严格等于、 != 不等于、>、<、>=、<=

    ===: 严格等于;类型不同,返回false;类型相同,再进行下一步判断;
    ==:等于; 类型相同,同===;类型不同,尝试将等式两边转为数字,再判断;
    特例:null == Undefined √ null === Undefined ×

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

    有两个关键符号: ?和:
    当?前面的部分运算结果为true时,执行:前面的代码;
    当?前面的部分运算结果为false时,执行:后面的代码;

    >>>多目运算符可以多层嵌套:
    例如:var jieguo = num>5?"输入太大":(num==5?"蒙对了!":"输入太小");

    5、逻辑运算符
    && 与、|| 或、! 非


    [运算符的优先级]
    ()
    ! ++ --
    % / *
    + -
    > < >= <=
    == !=
    &&
    ||
    各种赋值 = += *= /= %=



    //var num = prompt("请输入一个数字");

    //var jieguo = num>5?"输入太大":(num==5?"蒙对了!":"输入太小");

    document.write(!true);



    【n++ 与 ++n 的异同】
    n++: 先使用n的值进行计算,然后再把n+1;
    ++n: 先把n的值+1,然后再用n+1以后的值,去运算;

    相同点:不论n++还是++n,在执行完代码以后,均会把n+1;

    【循环结构的步骤】

    ① 声明循环变量

    ② 判断循环条件
    ③ 执行循环体(while的{}中所有代码)操作
    ④ 更新循环变量
    然后,循环执行② ③ ④

    【JS中循环条件支持的数据类型】
    ① Boolean: true 真 false 假
    ② String:非空字符串为真 空字符串为假
    ③ Number:0为假 一切非0,均为真
    ④ Null/NaN/Undefined: 全为假
    ⑤ Object:全为真




     while循环特点:先判断,再执行;
     do-while循环特点:先执行,再判断;即便初始条件不成立,do-while循环也至少执行一次;


    var n = 1; // ① 声明循环变量
    while (n<=5){ // ② 判断循环条件
    document.write("HelloWhile<br />");// ③ 执行循环体操作
    n++;// ④ 更新循环变量
    }

    var m = 1;
    do{
    document.write("HelloDoWhile<br />");
    m++;
    }while(m<=5);

     【for循环】
    1、for循环有三个表达式,分别为:①定义循环变量 ②判断循环条件 ③更新循环变量
    三个表达式之间,用;分隔。
    for循环三个表达式均可以省略,两个;缺一不可
    2、for循环特点:先判断,再执行;
    3、for循环三个表达式,均可以有多部分组成,之间用逗号分隔;但是,第二部分判断条件需要用&&链接,最终结果需要为真/假

  • 相关阅读:
    Python pandas 入门 05 JSON
    Python matplotlib 画图入门 07 散点图
    Python matplotlib 画图入门 06 绘制多图
    Python pandas 入门 04 CSV 文件
    Python pandas 入门 01 安装
    Python 入门示例系列 35 迭代器与生成器
    Python matplotlib 画图入门 03 绘图线
    Python pandas 入门 目录
    Python 零散知识点琐碎知识
    Python numpy 入门系列 目录
  • 原文地址:https://www.cnblogs.com/dsmf/p/6666768.html
Copyright © 2020-2023  润新知