JavaScript教学,自学笔记,2小时速成班级

9个月前 (06-27 14:19)阅读1755回复0
翱翔MJ
翱翔MJ
  • 管理员
  • 注册排名1
  • 经验值3810
  • 级别管理员
  • 主题632
  • 回复325
楼主
☰ 快捷目录
  • 1 认识语句和常见的标识符
  • 2 变量与常量
  • 3 JS引入到HTML的方案
  • 4 数据类型
  • 5 typeof运算符
  • 6 算数运算符
  • 1 认识语句和常见的标识符

    语句:var num = 10;

    知道怎么注释

    知道标识符命名规则,标识符就是 num 这种,var就是声明一个标识符num,等于10。


    2 变量与常量

    变量是存储数据值的容器

    比如上面的var num = 10; 就是声明了num等于10这个变量,因为num也可以重新变为20,或者其他值,如:

    image.png

    如何打印结果?可以在HTML文件中使用:console.log(),比如:

    (console作为名字翻译的意思就是控制台)

    image.png

    然后在浏览器检查的console中,就可以查看:

    image.png

    就可以观察数据的变化

    而常量const 与变量相反,变量声明后,可以发生改变,但是常量无法改变!比如:

    image.png

    然后到游览器上运行就会报错。比如:

    image.png


    3 JS引入到HTML的方案

    第一种内联:直接在HTML中写入详细的JS,比如:

    image.png

    第二种外联:引入独立的JS代码文件

    image.png

    第三种外部:引入别人的JS文件,就是引入一个URL

    image.png


    4 数据类型

    数值类型:

    image.png


    字符串类型:

    image.png


    布尔值类型::常用于判断条件时

    image.png


    对象类型:

    image.png


    数组类型:

    image.png


    Null类型和Undefined类型

    Undefined是有标识符但是没变量赋值,就会提示Undefined,而Null往往是主动赋予空值,比如:var num = null;


    5 typeof运算符

    关键作用就是确认数据类型的,数值类型会返回number,字符类型会返回string,布尔类型会返回boolear,对象类型会返回object。

    image.png

    则会返回字符串类型

    image.png


    6 算数运算符

    常用运算符有6个,分别是加,减,乘,除,取余(用%符),自增,自减,

    image.png

    后面就是自增(用++符)和自减(用--符)

    image.png

    结果:

    image.png

    但是放在前后有讲究,放在前面是先加加,再运行。。。放在后面是先运行,再加加,因此放在后面就不会有变化,如:

    image.png

    结果:

    image.png


    7 赋值运算符















    0
    回帖

    JavaScript教学,自学笔记,2小时速成班级 期待您的回复!

    取消
    载入表情清单……
    载入颜色清单……
    插入网络图片

    取消确定

    图片上传中
    编辑器信息
    提示信息