day38_JS

今日内容

  • JS概念

  • ECMAScript

JS概念

  运行在客户端浏览器中的,每一个浏览器都有JavaScript的解析引擎。

  脚本语言,不需要编译,直接就被浏览器解析执行。

好处

  实线人与页面的动态交互,也可以使用js来控制页面的元素内容,让页面有一些动态效果(轮播图)。

  JavaScript = ECMAScript + JavaScript 语言自身的内容

ECMAScript核心语法

  1.基本语法:

    1.书写方式:内联式,外联式

    内联式:直接在html文件中使用<script>标签书写js代码

    外联式:首先在html页面文件外部创建一个js文件,在js文件中书写js代码,其次在html文件中通过<spript>标签中的属性src引入外部的js文件代码。

    注意事项:

      1.<spript>可以定义在html的任何地方,但是定义的位置不同 加载顺序不同,如果书写在<head>标签内,首先加载,如果放在<body>标签中(js文件放在body标签的最后面)

      2.注释:单行注释 多行注释 源码可见

        1.单行注释://注释的内容

        2.多行注释:/被注释的内容

      3.数据类型:java当中的数据类型:基本的数据类型和引用类型

        1.原始数据类型:

          number型:数字型,整形/浮点型 整数,小数,NaN(not a number) 不是数字的数字类型

          string型:字符串类型。"a" 'a' "abc" 'abc' "你好" '你好'

          boolean布尔型: true/false

          null型:一个对象为空的类型

          undefined:未定义类型,如果有一个声明的变量没有给初始值,那么浏览器默认会给变量赋值为undefined

        2.引用数据类型:对象

      4.变量

        本质:一小块存储数据类型的内存空间

        java语言是强类型的语言,需要显示的指定内存空间的数据类型

        而JavaScript是弱类型语言,他只有var一种类型。

         强类型:需要显示数据类型

        弱类型:不需要显示数据类型

        语法:

var 变量名 = 初始化值;

       typeof运算符 可以获取数据对应的数据类型

       备注:null被typeof解析后,获取的类型是object,而不是null

        //document.write();  //把write内的内容输出到页面上。
        document.writeln(num01+typeof (num01)+"<br>");
        document.writeln(num02+typeof (num01)+"<br>");
        document.writeln(num03+typeof (num01));
        document.write("<hr>");
      5.运算符

        分为:一元运算符,算数运算符,赋值运算符,比较运算符,逻辑运算符,三元运算符

      6.流程控制语句

        条件语句:1.if else ...   2.swith case ....

        循环语句:1.for循环  2.while循环  3.do while循环  4.for each增强循环

      7.JS对象: 

      Function 函数对象,Array对象,数组对象,Math数学对象,Date日期对象,RegExp正则表达式对象

正则表达式

​        1.单个字符:[] 
​                如:[a],[ab],[a-z],[a-zA-Z],[a-zA-Z0-9],[a-zA-Z0-9_$#@]
​            特殊字符:可以表示特殊含义的单个字符:
​                \d: 单个数字字符  等价于[0-9];
​                \w: 单个单词字符  等价于[a-zA-Z0-9_$#@....]
​        2.量词符号:
​            ?:表示出现0次或者1次    0<x <=1(x表示出现次数)
​            *: 表示出现0次或者多次 >=0; x >=0
​            +: 出现1次或者多次 >=1            x>=1
            {m,n}:表示---》最少m次最多n次  m<=x<=n;
​        缺省配置:
​                {m,}:  x>=m
​                {,n}:   x<=n
​        3.开始和结束的标志:
​            ^:代表正则表达式的开始
​            $:代表正则表达式的结束
​    2.正则对象的创建
​        有两种方式:
​                第一种方式: var reg = new RegExp("正则表达式");不用
​                第二种方式:var reg = /正则表达式/;
​        方法:
​                test(参数):验证指定的字符串是否符合正则表达式的规则,如果符合返回true,如果不符合返回false。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

posted @ 2020-12-28 23:54  wajueji  阅读(78)  评论(0编辑  收藏  举报