【知了堂学习笔记】/JavaScript对象--/暖妮

JavaScript对象

1.什么是JavaScript对象？

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。

在 JavaScript 中，对象是拥有属性和方法的数据。

2.JavaScript对象的分类

(1)内建对象

js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象，包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。

其中Global和Math这两个对象又被称为“内置对象”，这两个对象在脚本程序初始化时被创建，不必实例化这两个对象。

(2)自定义对象

  1. 通过var obj={}  对象字面量（object literal）法
  2. 通过构造函数创建对象：function Person(){}   var Person=function(){}
  3. 通过Object.create创建对象

3.访问对象的属性和方法

 (1)属性操作

  1. 访问属性
  2. 添加属性
  3. 修改属性
  4. 删除属性
  5. 遍历属性

(2) 访问方法：对象名.方法名()   eg:Obj.Name     对象名["方法名"]      eg: Obj["Name"]

注意：1.在引用已有的对象属性时，并有属性名的情况下，用点和中括号是一样的；若属性是数组或者是对象，没有属性名，则要用类似数组元素引用的方式，用中括号+下标表示。

   2.在创建函数属性的时候，若属性名是已知的。用点和中括号的的方式一样。若属性名是一组变量，则只能用中括号表示。中括号的灵活应用可以让代码变的很强大。

4.实例运用

1.猜数字游戏，有一个0-100随机数 玩家有5次输入的机会猜，每次猜一次，都要将结果告诉玩家是小了，还是大了,如果在5次机会内猜中，输出“聪明”，程序结束,如果5次机会用完 程序直接结束。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- 1.猜数字游戏，有一个0 - 100随机数 玩家有5次输入的机会猜，
        // 每次猜一次，都要将结果告诉玩家是小了，还是大了
        // 如果在5次机会内猜中，输出“聪明”，程序结束
        // 如果5次机会用完 程序直接结束。 -->
    <script>
              var arr = parseInt(Math.random()*100);

                   for(var i=5;i>0;i--){
                n=parseInt(window.prompt("请输入一个0-99的数字"+"只有"+i+"次机会额"));
                   if(n>arr){
                       alert("这个数比随机数大，还有"+(i-1)+"次机会额");
                   }
                   else if(n<arr){
                      alert("这个数比随机数小，还有"+(i-1)+"次机会额");
                   }
                   else if(n==arr){
                    alert("聪明，猜对了额");
                   }
                }
                alert("数字是"+arr+"想不到吧");
    </script>
</body>

</html>

 

 

2.输入2个日期 （年月日），计算两个日期相差多少天？

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    /* 3.输入2个日期 （年月日），计算两个日期相差多少天？ */
     var arr=new Array();
     arr[0]=new Date(window.prompt("请输入第一个日期"));
     arr[1]=new Date(window.prompt("请输入第二个日期"));
     var time=0;
     time=(arr[0]-arr[1])/1000/60/60/24;//time=(arr[0]-arr[1])/(24*3600*1000)   计算天数
     document.write(Math.abs(time));
  </script>
</body>
</html>

本次是小姐姐第一次写博客，对于JavaScript对象也还在研究学习中，写得不足之处还请大家多多包涵，希望能与大家多多交流学习。感谢您在百忙之中翻阅我的随笔，如果想了解更多的JavaScript知识，可以关注zhiliaotang.com学习社区额。

 

posted @ 2018-01-14 00:09  暖妮  阅读(237)  评论(2)  编辑  收藏  举报