【JavaScript】——基础(一)

    上篇博客是对javas的一个整体认识。这篇博客将从函数、对象和数组、正则表达式、function类型以及变量、作用域这几方面对js基础进行深入的了解。

    1)函数

首先应该明确函数是由三部分组成:函数声明(使用function关键字)、函数体、返回值

        举个例子来说明一下:

        

<span style="font-family:KaiTi_GB2312;font-size:24px;"><span style="font-family:KaiTi_GB2312;font-size:18px;"><strong>        function box()<span style="font-family: KaiTi_GB2312;">//函数声明</span></strong></span></span>
<span style="font-family:KaiTi_GB2312;font-size:24px;"><span style="font-family:KaiTi_GB2312;font-size:18px;"><strong>        {
            return '我喜欢加菲猫!';//通过return返回最终值
        }
        alert(box());//调用函数,从而得到返回值,然后对外进行输出</strong></span></span>
        上面的例子里面是不含有参数的,当然还有带参函数,对于带参函数在这里又学到了个新的东西——arguments对象(通过该对象来接收传递进来的参数)        

<span style="font-family:KaiTi_GB2312;font-size:24px;"><span style="font-family:KaiTi_GB2312;font-size:18px;"><strong>        function box(){
            return arguments[0]+'*'+arguments[1]+...;//获得参数的值</strong></span></span>
<span style="font-family:KaiTi_GB2312;font-size:24px;"><span style="font-family:KaiTi_GB2312;font-size:18px;"><strong>        }</strong></span></span>
<span style="font-family:KaiTi_GB2312;font-size:24px;"><span style="font-family:KaiTi_GB2312;font-size:18px;"><strong>        alert(box('我喜欢加菲猫','我不喜欢哈巴狗',...));</strong></span></span>
        可以得到下图效果:

         【JavaScript】——基础(一)_第1张图片

        Function函数属性:length、prototype(apply、call)

        函数变量包括基本类型、引用类型值

        2)引用类型(类)

         ①Object类型(new运算符、字面量表示法)

           下面举一个创建Object对象的例子            

<span style="font-family:KaiTi_GB2312;font-size:24px;">           @var box=new Object();//使用new关键字创建
            box.name='雪吖头';
            box.sex='女';
           @var box={
            name:'雪吖头',
            sex:'女'
            }</span>

         ②Array类型(类型同上)

        *对象中的方法:

         转换方法(数据类型间)、栈方法(push、pop)、队列方法(push、shift)、重排序方法(reverse、sort)操作方法(concat、slice:增删改)

         这些方法都是对对象(数据结构)的进一步处理,熟悉其基本结构和语法,然后运用到实践当中。

         3)正则表达式(RegExp)

          就我对正则的理解,可以归结为一句话:对从客户端传来的数据进行匹配和验证。

          基本结构如下:         

<span style="font-family:KaiTi_GB2312;font-size:24px;">           var box =new RegExp('box','ig')
           var box=/box/ig;</span>
          测试正则的方法:test(测试模式匹配)、exec(执行匹配搜索)等

         李炎恢老师还介绍了正则表达式中的获取控制-匹配模式

         正则表达式通常用于检查邮政编码、文件压缩包、多余空格的删除、邮件验证等

        小结:这一部分的视频学习虽然有点枯燥,但是这些都是基础知识,需要我们牢牢掌握,并应用到实践当中去。

          

你可能感兴趣的:(计算机)