JavaScript ES5 آئی اینڈ آئی کی طریقہ کار
- صفحه قبلی پروتوتایپ JS
- صفحه بعدی تعریف توابع JS
ECMAScript 5 (2009) ਨੇ JavaScript ਨੂੰ ਕਈ ਨਵੇਂ ਆਬਜਦ ਮੰਥਨ ਕੀਤੇ।
ਆਬਜੈਕਟ ਪ੍ਰਬੰਧਨ
// ਮੌਜੂਦਾ ਆਬਜੈਕਟ ਦੇ ਪ੍ਰੋਟੋਟਾਈਪ ਤੋਂ ਆਬਜੈਕਟ ਬਣਾਓ Object.create() // ਆਬਜੈਕਟ ਦੀਆਂ ਲੱਕੜੀਆਂ ਨੂੰ ਜੋੜ ਜਾਂ ਬਦਲੋ Object.defineProperty(object, property, descriptor) // ਆਬਜੈਕਟ ਦੀਆਂ ਲੱਕੜੀਆਂ ਨੂੰ ਜੋੜ ਜਾਂ ਬਦਲੋ Object.defineProperties(object, descriptors) // ਲੱਕੜੀ ਪ੍ਰਾਪਤ ਕਰੋ Object.getOwnPropertyDescriptor(object, property) // ਮੰਡਲ ਵਿੱਚ ਸਾਰੀਆਂ ਲੱਕੜੀਆਂ ਦਾ ਮੰਡਲ ਵਾਪਸ ਦਿੰਦਾ ਹੈ Object.getOwnPropertyNames(object) // ਪ੍ਰੋਟੋਟਾਈਪ ਪ੍ਰਾਪਤ ਕਰੋ Object.getPrototypeOf(object) // ਮੰਡਲ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਣ ਵਾਲੀਆਂ ਲੱਕੜੀਆਂ ਦਾ ਮੰਡਲ ਵਾਪਸ ਦਿੰਦਾ ਹੈ Object.keys(object)
ਆਬਜੈਕਟ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ
// ਆਬਜੈਕਟ ਵਿੱਚ ਨਵੀਂ ਲੱਕੜੀ ਜੋੜਣ ਤੋਂ ਰੋਕਦਾ ਹੈ Object.preventExtensions(object) // ਜੇਕਰ ਲੱਕੜੀ ਆਬਜੈਕਟ ਵਿੱਚ ਜੋੜੀ ਜਾ ਸਕਦੀ ਹੈ ਤਾਂ true ਵਾਪਸ ਦਿੰਦਾ ਹੈ Object.isExtensible(object) // ਆਬਜੈਕਟ ਦੇ ਲੱਕੜੀ ਮੁੱਲ ਨੂੰ ਬਦਲਣ ਤੋਂ ਰੋਕਦਾ ਹੈ (ਨਹੀਂ ਹੈ ਲੱਕੜੀ) Object.seal(object) // ਜੇਕਰ ਆਬਜੈਕਟ ਸੈਲਡ ਹੈ ਤਾਂ true ਵਾਪਸ ਦਿੰਦਾ ਹੈ Object.isSealed(object) // ਆਬਜੈਕਟ ਉੱਤੇ ਕੋਈ ਤਬਦੀਲੀ ਕਰਨ ਤੋਂ ਰੋਕਦਾ ਹੈ Object.freeze(object) // ਜੇਕਰ ਆਬਜੈਕਟ ਮੂਰਤ ਹੈ ਤਾਂ true ਵਾਪਸ ਦਿੰਦਾ ਹੈ Object.isFrozen(object)
ਲੱਕੜੀ ਮੁੱਲ ਬਦਲਣਾ
ਸ਼ਾਸਤਰ
Object.defineProperty(object, property, {value : value)
ਮਿਸਾਲ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਲੱਕੜੀ ਮੁੱਲ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ:
const person = {
firstName: "Bill",
lastName : "Gates",
language : "EN"
};
// 修改属性
Object.defineProperty(person, "language", {value : "NO"});
ਮੇਟਾ-ਡਾਟਾ ਬਦਲਣਾ
ES5 ਮਨਜ਼ੂਰ ਹੁੰਦਾ ਹੈ ਕਿ ਨਿਮਨ ਲੱਕੜੀ ਮੇਟਾ-ਡਾਟਾ ਨੂੰ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ：
writable : true // 属性值可更改 enumerable : true // 属性可枚举 configurable : true // 属性可重新配置
writable : false // 属性值不可更改 enumerable : false // 属性不可枚举 configurable : false // 属性不可重新配置
ES5 允许更改 getter 和 setter：
// 定义 getter
get: function() { return language }
// 定义 setter
set: function(value) { language = value }
此例设置 language 为只读：
Object.defineProperty(person, "language", {writable:false});
这个例子使 language 不可枚举：
Object.defineProperty(person, "language", {enumerable:false});
列出所有属性
这个例子列出了一个对象的所有属性：
ਮਿਸਾਲ
const person = {
firstName: "Bill",
lastName : "Gates",
language : "EN"
};
Object.defineProperty(person, "language", {enumerable:false});
Object.getOwnPropertyNames(person); // 返回数组的数组
列出可枚举的属性
此例仅列出对象的可枚举属性：
ਮਿਸਾਲ
const person = {
firstName: "Bill",
lastName : "Gates",
language : "EN"
};
Object.defineProperty(person, "language", {enumerable:false});
Object.keys(person); // 返回可枚举属性的数组
添加属性
ਇਸ ਮਿਸਾਲ ਵਿੱਚ ਆਪਣੇ ਆਪਣੇ ਆਪ ਵਿੱਚ ਨਵੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਜੋੜੀ ਜਾਂਦੀ ਹੈ:
ਮਿਸਾਲ
// 创建对象
const person = {
firstName: "Bill",
lastName : "Gates",
language : "EN"
};
// 添加属性
Object.defineProperty(person, "year", {value:"2008"});
添加 Getter 和 Setter
Object.defineProperty() 方法也可以用来添加 Getter 和 Setter：
ਮਿਸਾਲ
// 创建对象
const person = {firstName:"Bill", lastName:"Gates"};
// 定义 getter
Object.defineProperty(person, "fullName", {
get: function () {return this.firstName + " " + this.lastName;}
});
ਇੱਕ ਗਿਣਤੀ ਮਿਸਾਲ
// 定义对象
const obj = {counter:0};
// 定义 setter
Object.defineProperty(obj, "reset", {
get : function () {this.counter = 0;}
});
Object.defineProperty(obj, "increment", {
get : function () {this.counter++;}
});
Object.defineProperty(obj, "decrement", {
get : function () {this.counter--;}
});
Object.defineProperty(obj, "add", {
set : function (value) {this.counter += value;}
});
Object.defineProperty(obj, "subtract", {
set : function (i) {this.counter -= i;}
});
// عمل شمارنده:
obj.reset;
obj.add = 5;
obj.subtract = 1;
obj.increment;
obj.decrement;
- صفحه قبلی پروتوتایپ JS
- صفحه بعدی تعریف توابع JS
