下面是对象中'this'行为的一个例子。

this.prop = 'external';
global.prop = 'global.prop';
const that = this;

const a = {
  prop: 'internal',
  prop1: this.prop, //external

  log() {
    return this.prop //internal
  },
  log1: () => {
    return this.prop //external
  },
  log2: () => {
    return function () {
      return this.prop; //'global.prop' in node; 'external' in chrome
    }()
  },
  log3: function () {
    return (() => {
      return this.prop; //internal
    })()
  },
}

可维护性很好的替代语法:

let a = 5;
let b = 6;
let foo = {
  a,
  b,
  c: a+b,
};

这是因为如果您没有显式地指定名称，JavaScript将使用变量名作为新创建的对象的属性名。对于像这样的短数组，如果在函数中，我个人会使用单行语法和return:

let a = 5;
let b = 6;
return { a, b, c:a+b };

你可以这样做

var a, b
var foo = {
    a: a = 5,
    b: b = 6,
    c: a + b
}

当我必须引用函数最初声明的对象时，该方法已被证明对我有用。以下是我如何使用它的一个最小示例:

function createMyObject() {
    var count = 0, self
    return {
        a: self = {
            log: function() {
                console.log(count++)
                return self
            }
        }
    }
}

通过将self定义为包含print函数的对象，允许函数引用该对象。这意味着如果您需要将print函数传递到其他地方，则不必将其“绑定”到对象。

如果您愿意，可以使用下面所示的方法

function createMyObject() {
    var count = 0
    return {
        a: {
            log: function() {
                console.log(count++)
                return this
            }
        }
    }
}

然后下面的代码将记录0,1,2，然后给出一个错误

var o = createMyObject()
var log = o.a.log
o.a.log().log() // this refers to the o.a object so the chaining works
log().log() // this refers to the window object so the chaining fails!

通过使用self方法，可以保证print总是返回相同的对象，而不管函数在什么环境中运行。当使用createMyObject()的self版本时，上面的代码将正常运行并记录0、1、2和3的日志。

我唯一能告诉你的是getter

Var foo = { 5, b: 6, 获取c() { 返回。A + this.b; ｝ ｝ Console.log (foo.c) // 11

这是由ECMAScript第5版规范引入的一个语法扩展，大多数现代浏览器(包括IE9)都支持该语法。

这里发布的其他答案更好，但这里有一个替代答案:

在初始化时设置值(不是getter或派生的，等等) 不需要任何类型的init()或对象字面量之外的代码 是一个对象文字，而不是一个工厂函数或其他对象创建机制。 不应该有任何性能影响(初始化时除外)

自动执行匿名函数和窗口存储

var foo = {
    bar:(function(){
        window.temp = "qwert";
        return window.temp;
    })(),
    baz: window.temp
};

订单是有保证的(bar before baz)

它当然会污染window，但我无法想象有人会编写一个需要window的脚本。Temp是持久的。如果你偏执的话，可以试试tempMyApp。

它也很丑，但偶尔有用。一个例子是，当你使用一个具有严格初始化条件的API时，你不想重构，所以范围是正确的。

当然，它是干的。

加上一个选项，因为我没有看到这种情况。如果您不希望在a或b更新时更新c，那么ES6 IIFE可以很好地工作。

var foo = ((a,b) => ({
    a,
    b,
    c: a + b
}))(a,b);

对于我的需要，我有一个对象，涉及到一个数组，最终将在循环中使用，所以我只想计算一些常见的设置一次，所以这是我有:

let processingState = ((indexOfSelectedTier) => ({
    selectedTier,
    indexOfSelectedTier,
    hasUpperTierSelection: tiers.slice(0,indexOfSelectedTier)
                         .some(t => pendingSelectedFiltersState[t.name]),
}))(tiers.indexOf(selectedTier));

因为我需要为indexOfSelectedTier设置一个属性，我需要在设置hasUpperTierSelection属性时使用该值，我首先计算该值，并将其作为参数传递给IIFE