我可以在EcmaScript 5中使用新的get和set在一个声明中创建一个javascript函数吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了我可以在EcmaScript 5中使用新的get和set在一个声明中创建一个javascript函数吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1219字，纯文字阅读大概需要2分钟。

内容图文

我对ES5 getter和setter非常感兴趣,可以用作Angular.js控制器.目前我在做：

var helloEC5 = function(){
  //constructor
  this.pants = "jeans";
};
helloEC5.prototype = {
    firstName: 'Seeya',
    lastName: 'Latir',
    get fullName() {
      console.log("get")
        return this.firstName + ' ' + this.lastName;
    },
    set fullName (name) {
      console.log('set')
        var words = name.toString().split(' ');
        this.firstName = words[0] || '';
        this.lastName = words[1] || '';
    }
}; 

但有没有办法在函数()中简洁地一起做到这一点？我真正想要的是(伪代码);

var helloEC5 = function() {
    firstName: 'Seeya',
    lastName: 'Latir',
    get fullName() {
      console.log("get")
        return this.firstName + ' ' + this.lastName;
    },
    set fullName (name) {
      console.log('set')
        var words = name.toString().split(' ');
        this.firstName = words[0] || '';
        this.lastName = words[1] || '';
    }
}; 

解决方法:

您可以使用Object.defineProperty()方法(http://jsfiddle.net/ydhLbwg6/)执行此操作：

var helloEC5 = function () {
    this.firstName = 'Seeya';
    this.lastName = 'Latir';
    Object.defineProperty(this, 'fullName', {
        get: function () {
            console.log('get');
            return this.firstName + ' ' + this.lastName;
        },
        set: function (value) {
            console.log('set');
            var words = value.toString().split(' ');
            this.firstName = words[0] || '';
            this.lastName = words[1] || '';
        }
    });
};

内容总结

以上是互联网集市为您收集整理的我可以在EcmaScript 5中使用新的get和set在一个声明中创建一个javascript函数吗？全部内容，希望文章能够帮你解决我可以在EcmaScript 5中使用新的get和set在一个声明中创建一个javascript函数吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端