Object.defineProperty 还是 .prototype?
Object.defineProperty or .prototype?
我在 javascript 中看到了两种不同的实现非本机功能的技术,
首先是:
if (!String.prototype.startsWith) {
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: false,
configurable: false,
writable: false,
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
}
第二个是:
String.prototype.startsWith = function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
我知道第二种技术用于将任何方法附加到特定标准内置对象的原型链,但第一种技术对我来说是新的。
谁能解释一下它们之间有什么区别,为什么使用一个,为什么不使用一个,它们的意义是什么。
在两种情况下,您要在 String.prototype
中添加新的 属性 'startsWith'。
在这种情况下,第一个与第二个不同:
您可以将 属性 配置为 enumerable
、writable
和 configurable
。
Writable - true
表示可以通过赋值任意改变它的值。如果为 false - 您无法更改值
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: false,
configurable: false,
writable: false, // Set to False
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
var test = new String('Test');
test.startsWith = 'New Value';
console.log(test.startsWith); // It still have the previous value in non strict mode
Enumerable - true
表示会在for in
循环中看到。
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: true, // Set to True
configurable: false,
writable: false,
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
var test = new String('Test');
for(var key in test){
console.log(key) ;
}
Configurable - true
当且仅当此 属性 描述符的类型可以更改并且 属性 可以从相应的对象中删除。
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: false,
configurable: false, // Set to False
writable: false,
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
delete String.prototype.startsWith; // It will not delete the property
console.log(String.prototype.startsWith);
还有一个建议,不要更改内置类型的原型。
我在 javascript 中看到了两种不同的实现非本机功能的技术, 首先是:
if (!String.prototype.startsWith) {
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: false,
configurable: false,
writable: false,
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
}
第二个是:
String.prototype.startsWith = function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
我知道第二种技术用于将任何方法附加到特定标准内置对象的原型链,但第一种技术对我来说是新的。 谁能解释一下它们之间有什么区别,为什么使用一个,为什么不使用一个,它们的意义是什么。
在两种情况下,您要在 String.prototype
中添加新的 属性 'startsWith'。
在这种情况下,第一个与第二个不同:
您可以将 属性 配置为 enumerable
、writable
和 configurable
。
Writable - true
表示可以通过赋值任意改变它的值。如果为 false - 您无法更改值
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: false,
configurable: false,
writable: false, // Set to False
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
var test = new String('Test');
test.startsWith = 'New Value';
console.log(test.startsWith); // It still have the previous value in non strict mode
Enumerable - true
表示会在for in
循环中看到。
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: true, // Set to True
configurable: false,
writable: false,
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
var test = new String('Test');
for(var key in test){
console.log(key) ;
}
Configurable - true
当且仅当此 属性 描述符的类型可以更改并且 属性 可以从相应的对象中删除。
Object.defineProperty(String.prototype, 'startsWith', {
enumerable: false,
configurable: false, // Set to False
writable: false,
value: function(searchString, position) {
position = position || 0;
return this.lastIndexOf(searchString, position) === position;
}
});
delete String.prototype.startsWith; // It will not delete the property
console.log(String.prototype.startsWith);
还有一个建议,不要更改内置类型的原型。