JavaScript 对象

黄良钵

分类: 程序开发 620 0

  1. // 对象:一个容器可以包含数据和功能
  2. // 数据:通过对象的属性可以获取或设置数据
  3. // 功能:通过对象的方法可以使用对象的提供的功能
  4.     var obj = new Object()
  5.     var a = {}
  6.     obj.name = 'wangBaoQaing'
  7.     // 创建对象 为对象添加属性
  8.     function abc(){
  9.         console.log('fff')
  10.     }
  11.     // setInterval(abc,1000)
  12.     // setInterval('abc()',1000)
  13.     // 建议使用第一种方法
  14.     // 场景一:将对象作为容器来使用 因为对象是一个容器 
  15.     //      所以我们使用对象组织一组事件 
  16.     //      从而将这一组数据当成一个整体
  17.     // 不使用对象的情况,要声明大量的变量 如果有很多人要表示
  18.     // 页面上的变量就很换乱了
  19.     var name,age,isMale,height,weight,color,course
  20.     name = 'maRong'
  21.     age = 3
  22.     isMale =true
  23.     height = 180
  24.     weight = 190
  25.     color = 0xFFFccc
  26.     course = 'HTML5'
  27.     // 当表示的数据增加时 还要定义一个新变量
  28.     // 函数表示定义大量的参数来表示每一项数据
  29.     var showPerson = function(a,b,v,d,s,h,j,k,l){
  30.         console.log('名字' + a)
  31.     }
  32.     // 调用函数时也需要传递大量数据,如果数据的顺序改变或者增加新的数据 就会很麻烦
  33.     showPerson(1,2,3,4,5,6,7,8,9)
  34.     // 创建一个对象 把对象当数据的容器 用它来承载一组数据
  35.     var p = {}
  36.     p.name = 'wangBaoQiang'
  37.     p.age = 3
  38.     p.isMale = true
  39.     p.color = 0xfffcccc
  40.     p.course = 'HTML5'
  41.     // 不用声明大量变量只需要把数据设为对象的属性即可
  42.     console.log(p)
  43.     var showP = function(p){
  44.         // for in 循环对象中的属性
  45.         for(var k in p){
  46.             console.log(k + ':' + p[k])
  47.             // k 指的是对象的属性
  48.             // p[k] 获取p对象中k属性的值
  49.         }
  50.     }
  51.     showP(p)
  52.     // 场景二:将对象作为方法的容器来使用
  53.     //       可以将一组功能相关方法组织成一个整体或者组织到一起
  54.     Math.PI
  55.     Math.E
  56.     // 将常用的属性常量组织到一起
  57.     Math.random() //0 - 1 之间的随机数
  58.     // 30 - 80 之间的随机数
  59.     var a = Math.round(30 + Math.random() * (80-30))
  60.     console.log(a)
  61.     // 场景三
  62.     //  对象即是数据容器 同时也是功能容器
  63.     //  对象即提供属性 同时也提供相关的方法
  64.     //  如果说实现这一点的话 就需要把函数也放到对象的内部
  65.     // 把function 放到p对象的内部 写法上和属性类似 但不是等于一个值
  66.     // 而是等于一个函数 放到对象内部的函数通常叫做方法
  67.     p.show = function(){
  68.         console.log('名字' + this.name)
  69.         console.log('年龄' + this.age)
  70.         // 当一个函数移动到一个对象内部时可以使用this来表示它所在的对象    
  71.     }
  72.     p.show()
  73.     // 当一个函数被移动到对象内部时 可以使用 对象.方法名() 调用这个函数
  74.     // 当一个对象包含了数据和功能时 就会相对独立 对外的依存度降低
  75.     // 此时对象就可以变成一个相对独立的程序单元 可以拿到任意一个地方运行
  76.     // 在使用对象的过程中就可以节省大量的细节代码
  77.     // 即: 直接使用对象 不用在乎对象内部的代码如何写
  78.     // 对象可以是别写的 我们直接拿来使用
  79.     // 也可以是我们写好给别人用
  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
JavaScript、对象

作者简介: 黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “JavaScript 对象”

Loading...