我正在研究对象,构造函数和类似的东西,我想知道是否有一种方法可以根据最初定义的方式将值绑定到变量。我有以下代码:
打字稿
let cr = "create",
ap = "apply",
$this = {
set: (prop, value) => {
this[prop] = value;
}
};
function creator() {
this.$ = (array: Object[]) => {
array.forEach((kp: Object) => {
let key = Object.keys(kp)[0];
let val = kp[Object.keys(kp)];
$this[key] = val;
creator.create(key, { value: val });
});
};
this.apply = (...objects: Object[]) => {
objects.forEach((obj: Object) => {
creator.call(obj);
});
};
}
function create(obj) {
function createValues(arr) {
let instance: Object = new obj();
let vals: any[] = [];
arr.forEach(name => {
vals.push(instance[name]);
});
return vals;
}
let names: string[] = Object.getOwnPropertyNames(new obj());
let values: string[] = createValues(names);
return combineArrays(names, values);
}
function combineArrays(arr1, arr2): { $?: any } { // the question mark removes an IDE error
let newObj: Object = {};
arr1.forEach(prop => {
newObj[prop] = arr2[arr1.indexOf(prop)];
});
return newObj;
}
Object.prototype.create = function(prop, options) {
return Object.defineProperty(this, prop, options);
};
create(creator).$([
{ hi: "hi" },
{ bye: $this["hi"] } // this is the important stuff
]);
我想知道在set
变量的$this
函数内部是否有一种方法可以检测到被设置的方式,从而确定该值是否具有改变了,所以它的价值应该是什么呢?假设您有以下内容:
let $this = {
set: function(prop, value) {
this[prop] = value;
}
}
let name = 'Ezra';
$this['name'] = name;
// then :
name = 'Bob';
// change $this.name too, so then:
console.log($this.name);
// >> 'Bob'
我相信这被称为数据绑定,但是我不确定如何在不产生无数代理的情况下做到这一点。
答案 0 :(得分:3)
您所描述的并不是真正的“数据绑定”,而是pass-by-reference。在您的示例中,您希望对name
的更新会反映在$this['name']
中。仅当您将 reference (或 pointer )传递给变量时,这才有可能。
但是,在这种情况下,变量为string
,而JavaScript中的字符串为immutable:
没有字符串方法会更改其操作的字符串,它们都会返回新的字符串。原因是字符串是不可变的–它们不能更改,我们只能制造新的字符串。
因此,请逐步完成示例:
这将创建一个名为'Ezra'的新字符串,并分配一个名为name
的变量来引用该字符串。
let name = 'Ezra';
这将在$this
中创建(或设置)名为'name'
的属性,该属性引用name
(即'Ezra'
)中的字符串。
$this['name'] = name;
这将创建一个名为'Bob'
的新字符串,并将其存储在名为name
的变量中。该变量已存在。这不会变异先前保存在其中的值。相反,name
被更新为指向新引用。
// then :
name = 'Bob';
但是,如果要传递 object ,您会发现实际上可以对其进行突变。这是因为对象是通过引用传递的,您可以更改该引用的值。
例如:
// Create a new value that stores an object, with a property 'firstName'
let name = { firstName: 'Ezra' };
// Assign myObject to $this['name']. Now $this['name'] and name both point to the same reference.
$this['name'] = name;
// Change the value in the object pointed-to by name
name.firstName = 'Bob'
console.log($this['name'].firstName); // <- This will output 'Bob'