美文网首页
JavaScript 初步学习

JavaScript 初步学习

作者: 其实我很菜啊 | 来源:发表于2017-12-18 00:06 被阅读0次

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML标准通用标记语言下的一个应用网页上使用,用来给HTML网页增加动态功能。

    一、JavaScript 数据类型
    1. 字符串(String)
    2. 数字(Number)
    3. 布尔(Boolean)
    4. 数组(Array)
    5. 对象(Object)
    6. 空(Null)
    7. 未定义(Undefined)

    JavaScript 拥有动态类型变量可用作不同的类型可以重复向同一个变量赋值:

    var x;             
    var x = 5;           //number
    var x = "John";      // string
    
    二、声明变量类型
    var carname=new String;
    var     x=      new Number;
    var     y=      new Boolean;
    

    与 java 类似,当需要声明一个变量时使用 new 即可,js 的变量均为对象所以在声明一个变量的同时就已经把这个创建为一个对象。

    三、对象的定义

    var person = {
        firstName:"John",
        lastName:"Doe",
        age:50,
        eyeColor:"blue"
    };
    
    或者
    
    var person = {firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"};
    

    javaScript对象也可以先创建,再添加属性和属性值,比如:

    var person=new Object();
    person.name='小明';
    person.sex='男';
    

    同样如果要将里对象取出来时

    name =person.name;
    

    这种存取方法就有点类似与 JavaBean 中的 set 和 get 方法。

    五、JavaScript 函数

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块,减少了代码的重复使用。

    <script>
    function myFunction()
    {
        alert("Hello World!");
    }
    </script>
    

    在函数名前使用关键字 function 就可以定义一个函数,比如我们需要在一个按钮中触发一个函数可以这样做

    <button onclick="myFunction()">点击</button>
    

    一个带参数的函数

    <script>
    function myFunction(a,b)
    {
        alert(a+b);
    }
    </script>
    

    其中 a 与 b 就是形参,那么需要函数返回一个值呢

    function myFunction(a,b)
    {
        return (a+b);
    }
    </script>
    

    需要函数带有返回值时,不需要像 java 一样在创建函数时声明返回类型,当需要得到返回只值时直接 var sum = myFunction(); 即可。

    五、显示输出

    JavaScript 可以通过不同的方式来输出数据:

    • 使用 window.alert() 弹出警告框。
    • 使用 document.write() 方法将内容写到 HTML 文档中。
    • 使用 innerHTML 写入到 HTML 元素。
    • 使用 console.log() 写入到浏览器的控制台。

    六、在 js 中使用 try-catch

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    var txt="";
    function message(){
        try {
            adddlert(" Right !");
        }
        catch(err) {
            txt="本页有一个错误。\n\n";
            txt+="错误描述:" + err.message + "\n\n";
            txt+="点击确定继续。\n\n";
            alert(txt);
        }
    }
    </script>
    </head>
    <body>
    
    <input type="button" value="查看消息" onclick="message()" />
    
    </body>
    </html>
    

    js最基本的知识点大概就是这样,js只是对html功能的补充和完善,所以要学好js没有对html标签使用的扎实基础是不行的

    相关文章

      网友评论

          本文标题:JavaScript 初步学习

          本文链接:https://www.haomeiwen.com/subject/egaswxtx.html