javascript的初步认识

            把握自己,就是时时拥有一颗清澈的心,拥有一片明朗的情怀。嘿嘿,我们在2014-2015的跨度里,我们休息了的四天,今天又回到了学习的阶段,敲起来键盘突然有点陌生,想一想时间真的好快,在这里我们已经是跨过两个月的节奏啦,在这里学习了C#的基础知识,SQL Server语句以及Html,CSS等,学习的进度还是可以跟上节奏的,但是掌握的情况目前还是需要复习的,所以这就要自己安排,今天我们初步认识了JavaScript,下面就来总结一下JavaScript。

       一. javascript的简单介绍

       1.javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为javascript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能(借助于百度百科)。javascript由三部分组成,分别为:

       <1>:ECMAScript:描述了该语言的语法和基本对象;

       <2>:BOM (浏览器对象模型):描述与浏览器进行交互的方法和接口;

       <3>:DOM (文档对象模型):描述处理网页内容的方法和接口。

      2.基本特点  

       <1>.是一种解释性脚本语言(代码不进行预编译);

       <2>.主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为;

       <3>.可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离;

       <4>.跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

      3.日常用途

       <1>.嵌入动态文本于HTML页面;

       <2>.对浏览器事件做出响应;

       <3>.读写HTML元素。

       <4>.在数据被提交到服务器之前验证数据;

       <5>.检测访客的浏览器信息;

       <6>.控制cookies,包括创建和修改等;

       <7>.基于Node.js技术进行服务器端编程。

        二.变量

        声明变量使用的仅仅为一个关键字var;

        var a = 123;
        var b = "456";
        var v = function () {
            alert("hello world");
        }

 

               下面使用关键字显示出变量的类型:

       var a = 123;
        var b = "456";
        var v = function () {
            alert("hello world");
        }
        //window.alert(a);                 //在window中显示变量
        //window.alert(typeof a);          //打印出变量b的类型
        //window.alert(typeof b);
        window.alert(typeof v);            //打印出function,为方法
        //window.alert(v);                 //打印出1个方法体

             

             在这里typeof运算符的返回值类型有六种可能:数字(Number)、字符串(String)、布尔值(boolean)、对象,方法和未定义(undefined)。

        三.其中一些方法的使用

        1.下面简单的介绍下string类型的数据的方法:

    <script>    //字符串方法的使用
    var a = "abcdefg";
    var b = "    hijklmn    " ;
    window.alert(a.length);             //字符串的长度

    var array = a.split(' ');           //当字符串间有空格事件,可以选择以空格分割,当字符串间没有空格,则以‘’为分割即可
    for (var i = 0; i < array.length; i++) {
        alert(array[i]);
    }
   
    alert(a.substring(2,4));            //截取几个字符。从哪儿开始

    alert(a.charAt(2));                 //获取单个字符串,方法里面传入一个字符的索引

    alert(a.charCodeAt(2));             //获取该字符在ASii码的位置

    alert(a.concat(b))                  //连接两个字符串
    alert("笑话".concat(a))

    alert(a.indexOf("d"))               //获取字符的索引
    alert(a.lastIndexOf("d"))           //从后面数获取字符的索引

    alert(a.replace("abc", "cba"));     //替换字符串

    alert(b.trim());                    //去掉字符串两端的空格
    alert(b);
    </script>

 

             看到上面的方法其实还是很熟悉的,好多方法的使用的C#中也是使用这些同名的方法来求取个值,在这里我们在前面如果血写的还可以在这里变量的类型方面可以作为复习来学习的,嘿嘿。

        2.boolean类型的简单学习

    <script>    //boolean类型
    var f = false;
    var v = "abc";
    if (v) {       //在这里可以直接把v放进去,如果字符串不为空,则为true,如果为空的字符串则为false
        alert(v);
    }
    else {
        alert("空的字符串")
    }

    var v = "";
    if (v) {       
        alert(v);
    }
    else {
        alert("空的字符串")
    }
    </script>

           

            在这使用boolea类型时间,需要注意的是:和我们之前在C#学习的是有不同的,我们的if语句的判断语句中可以使用字符串类型,如果我们定义的变量不是空的字符串,那么可以返回true,即输出其值;当我们定义的变量时空的字符串,那么就返回true,让其弹出为空的字符串的提示框即可。

       3.Number类型

    <script>    //数字类型
    var a = "123";
    var b = 456;
    var c = 789.00;
    alert(a + b);                   //在js中,当任意类型与字符串类型相加,都是转换为字符串类型

    alert(b+parseInt(a));           //在这里把字符串a转换为整形

    alert(b+ parseFloat(a))         //将c转换为Float类型

    alert(b + Number(a));           //在这里因为数字类型的都使用Number类定义,所以在这里转化为Number类型

    alert(Number.MAX_VALUE);        //在js中可以存放的最大值
    alert(Number.MIN_VALUE)         //在js中可以存放的最小值
    </script>

          

             在javascript中,任意类型与字符串类型想加,都将转换为字符串类型然后与其字符串相连接。如果想要过的int类型的,可以使用方法parseInt转换即可。

       四.定义方法

       定义方法必须以关键字function开头,然后写入要定义的方法的方法名即可:

    <script>
    function SayHi(a, b) {         //定义方法,必须以function开头
        alert(a+b);
    }
    SayHi(1,2);


     function Say() {           //方法用来展示arguments的使用
        alert(arguments[0] + arguments[1] + arguments[2]);
        alert("ok");
    }
    Say(1,2,3);
    </script>

            

            在JavaScript中,arguments是对象的一个特殊属性。arguments对象就像数组,但是它却不是数组。

       1:arguments是收到的实参副本,在词法分析中, 首先按形参形成AO的属性,值为undefined,当实参传来时, 再修改AO的相应属性;
     2:把所有收到实参收集起来,放到一个arguments对象里,t(a,b,c){},调用时: t(1,2,3,4,5) 5个参数,此时 , AO属性只有a,b,c,3个属性, arguments里有1,2,3,4,5, 所有的值。
       属性:length, 获取arguments对象的长度;callee, 引用当前正在执行的函数。
       好啦,今天的学习就到这里,我们只是初步认识下javascript,据说还是蛮不易学习的,嘿嘿,要好好学习,在MSDN中看到javascript基础还是可以理解的,但是我想一种语言没有这样的简单的,所以在2015新的开始,要有新的动力,会更加的努力的。
posted @ 2015-01-05 18:34  雪?  阅读(1930)  评论(23编辑  收藏  举报