使用defineProperty定义属性的构造函数在调试过程中打印的一些小细节

相信各位在进行代码调试打印对象的时候会发现一些小细节,如下图:
谷歌中:
chrome
火狐中:
fireFox
IE中:
IE
明显可以看出来红色方框中的属性比其他属性颜色淡一些,而方法的写法与原型中的不同,在笔者的菜逼经历之中,经常将其忽视掉,但是在有一次,笔者想调用红色方框中的方法时,笔者毫不犹豫的使用getAge()去调用,很明显报出了如下错误:
error
然后又毫不犹豫的使用get()调用,依然报错,此时笔者一脸蒙蔽,浮现出怀疑人生的目光,get age 究竟是什么鬼?!怎么出现的?!有什么用?!经过了一番研究,终于发现问题所在,代码如下:

        function Person() {  
            this.name='key';
            this.sex='man';
            var age = 18;  
            Object.defineProperty(this, "age", {  
                get: function () { 
                    alert("I'm" + age + "years old."); 
                    return age; 
                },  
                set: function (value) { age = value; }  
            });  
        }  
        Person.prototype={
            setName:function(name){
                this.name=name;
            },
            getName:function(){
                return this.name;
            },
            setSex:function(sex){
                this.sex=sex
            },
            getSex:function(){
                return this.sex;
            }
        }
        var person=new Person();
        console.log(person);

如果对defineProperty不了解的同学可以自行百度,或点击这里:
defineProperty 有很详细的讲解,这里笔者不做介绍。

原来是使用了E5中的defineProperty函数,经过对这个的函数的一番了解之后,终于恍然大悟,并发现这是一个很好用的函数,希望阅读过此文的同学可以认真去了解和使用这个很棒的函数,虽然这个函数要IE9以上才完全支持,IE8部分支持。同时也让跟笔者一样也遇到同样问题的同学能够少走一些弯路,多一些认识。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值