码迷,mamicode.com
首页 > Web开发 > 详细

js面向对象 下

时间:2018-08-29 21:30:36      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:函数   pre   又能   job   效果   逗号   ret   表示   数据   

 

// 声明对象的方法 一  (通过常量直接赋值)

 

        var xiaoming = {//声明一个对象(直接通过一个常量xiaoming用{}赋值的方式声明)
            name: ‘小明‘,  //对象的一个属性   属性与属性之间用,逗号分隔。
            age: 40,   //对象的一个属性
            sex: ‘男‘,  //对象的一个属性
            job: function(){//对象的一个方法
                alert(‘小明很会演戏‘);
                return ‘对象方法返回值‘;
            }
        }
        alert(xiaoming.name);
        // xiaoming.job();//调用小明对象的方法  结果:小明很会演戏
        alert(xiaoming.job());//对象方法返回值  结果: 对象方法返回值
        //调用的如果是对象的方法属性后面要加()

 

 //声明对象的方法 二  ( 通过new Object() 声明)

 

        var xiaoming = new Object();//另一种声明 一个对象的方法
        xiaoming.name = ‘小明‘; //此种方法用.属性 = 属性值。来表示一个 对象的属性
        xiaoming.age = 40; //声明xiaoming对象的一个属性
        xiaoming.sex = ‘男‘; //声明xiaoming对象的一个属性
        xiaoming.job = function(){ //声明xiaoming对象的一个方法
            alert(‘小明很会演戏‘);
        }


        alert(xiaoming.name);//调用 xiaoming 这个对象的一个属性。  结果:小明
        xiaoming.job()//调用 xiaoming 这个  对象的方法      结果:小明很会演戏

 //声明对象的方法  三  ( 通过 Object() 声明 省略了new)

 

        var xiaoming = Object(); //第三种声明一个对象 xiaoming 的方式。
        xiaoming.name = ‘小明‘; //声明xiaoming对象的一个属性
        xiaoming.age = 40; //声明xiaoming对象的一个属性
        xiaoming.sex = ‘男‘; //声明xiaoming对象的一个属性
        xiaoming.job = function(){// 声明xiaoming 对象的一个方法(功能)
            alert(‘小明很会演戏‘);
        }

        alert(xiaoming.age); //40  调用xiaoming对象的 一个属性  结果:40
        xiaoming.job();  //调用xiaoming 这个对象的 一个方法(功能) 结果:小明很会演戏

 

//补充     .属性  完全等价于 [‘属性‘]

 

        var xiaoming = Object();
        xiaoming[‘name‘] = ‘小明‘;  
        xiaoming[‘age‘] = 40; //xiaoming["age"]与xiaoming.age 效果一样 都是表示 对象的属性,只不过是两种写法而已。
        xiaoming[‘sex‘] = ‘男‘
        xiaoming[‘job‘] = function(){
            alert(‘小明很会演戏‘);
        }

        alert(xiaoming[‘age‘]);// 40
        xiaoming[‘job‘](); // 小明很会演戏

 

总结:对象(既能够存储数据,又能够存储函数)

 

js面向对象 下

标签:函数   pre   又能   job   效果   逗号   ret   表示   数据   

原文地址:https://www.cnblogs.com/taohuaya/p/9556700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!