fix: converted single to triple backticks11 (#36238)
This commit is contained in:
Randell Dawson
Tom
@@ -16,8 +16,9 @@ localeTitle: كائن التعيين
|
||||
|
||||
**بناء الجملة**
|
||||
|
||||
`Object.assign(targetObject, ...sourceObject)
|
||||
`
|
||||
```javascript
|
||||
Object.assign(targetObject, ...sourceObject)
|
||||
```
|
||||
|
||||
**قيمة الإرجاع**
|
||||
|
||||
@@ -27,33 +28,36 @@ localeTitle: كائن التعيين
|
||||
|
||||
_تعديل ونسخ targetObject_
|
||||
|
||||
`let obj = {name: 'Dave', age: 30};
|
||||
|
||||
let objCopy = Object.assign(obj, {coder: true});
|
||||
|
||||
console.log(obj); // returns { name: 'Dave', age: 30, coder: true }
|
||||
console.log(objCopy); // returns { name: 'Dave', age: 30, coder: true }
|
||||
`
|
||||
```javascript
|
||||
let obj = {name: 'Dave', age: 30};
|
||||
|
||||
let objCopy = Object.assign(obj, {coder: true});
|
||||
|
||||
console.log(obj); // returns { name: 'Dave', age: 30, coder: true }
|
||||
console.log(objCopy); // returns { name: 'Dave', age: 30, coder: true }
|
||||
```
|
||||
|
||||
_نسخ targetObject بدون تعديل_
|
||||
|
||||
`let obj = {name: 'Dave', age: 30};
|
||||
|
||||
let objCopy = Object.assign({}, obj, {coder: true});
|
||||
|
||||
console.log(obj); // returns { name: 'Dave', age: 30 }
|
||||
console.log(objCopy); // returns { name: 'Dave', age: 30, coder: true }
|
||||
`
|
||||
```javascript
|
||||
let obj = {name: 'Dave', age: 30};
|
||||
|
||||
let objCopy = Object.assign({}, obj, {coder: true});
|
||||
|
||||
console.log(obj); // returns { name: 'Dave', age: 30 }
|
||||
console.log(objCopy); // returns { name: 'Dave', age: 30, coder: true }
|
||||
```
|
||||
|
||||
_كائنات ذات خصائص مماثلة_
|
||||
|
||||
`let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};
|
||||
|
||||
let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});
|
||||
|
||||
console.log(obj); // returns { name: 'Dave', age: 30, favoriteColor: 'blue' }
|
||||
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }
|
||||
`
|
||||
```javascript
|
||||
let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};
|
||||
|
||||
let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});
|
||||
|
||||
console.log(obj); // returns { name: 'Dave', age: 30, favoriteColor: 'blue' }
|
||||
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
||||
@@ -10,21 +10,23 @@ localeTitle: Object Destructuring
|
||||
|
||||
### الواجب الأساسي
|
||||
|
||||
`var userInfo = {name: 'neel', age: 22};
|
||||
var {name, age} = userInfo;
|
||||
|
||||
console.log(name); // neel
|
||||
console.log(age); // 22
|
||||
`
|
||||
```
|
||||
var userInfo = {name: 'neel', age: 22};
|
||||
var {name, age} = userInfo;
|
||||
|
||||
console.log(name); // neel
|
||||
console.log(age); // 22
|
||||
```
|
||||
|
||||
### التنازل دون تصريح
|
||||
|
||||
يمكن تعيين متغير قيمته مع التدمير المنفصل عن تصريحه.
|
||||
|
||||
`var name, age;
|
||||
|
||||
({name, age} = {name: 'neel', age: 22});
|
||||
`
|
||||
```
|
||||
var name, age;
|
||||
|
||||
({name, age} = {name: 'neel', age: 22});
|
||||
```
|
||||
|
||||
> و `( .. )` حول جملة الواجب هو بناء جملة مطلوب عند استخدام التعيين الحرفي كائن الهدف دون تصريح.
|
||||
>
|
||||
@@ -36,22 +38,24 @@ localeTitle: Object Destructuring
|
||||
|
||||
يمكن فك أي خاصية من أحد الكائنات وتخصيصها لمتغير باسم مختلف عن خاصية الكائن.
|
||||
|
||||
`var userInfo = {a: 'neel', b: 22};
|
||||
var {a: name, b: bar} = userInfo;
|
||||
|
||||
console.log(name); // neel
|
||||
console.log(bar); // 22
|
||||
`
|
||||
```
|
||||
var userInfo = {a: 'neel', b: 22};
|
||||
var {a: name, b: bar} = userInfo;
|
||||
|
||||
console.log(name); // neel
|
||||
console.log(bar); // 22
|
||||
```
|
||||
|
||||
### قيم افتراضية
|
||||
|
||||
متغير يمكن تعيين الافتراضي، في حالة أن القيمة تفكيك من الكائن هو `undefined` .
|
||||
|
||||
`var {name = 'ananonumys', age = 20} = {name: 'neel'};
|
||||
|
||||
console.log(name); // neel
|
||||
console.log(age); // 20
|
||||
`
|
||||
```
|
||||
var {name = 'ananonumys', age = 20} = {name: 'neel'};
|
||||
|
||||
console.log(name); // neel
|
||||
console.log(age); // 20
|
||||
```
|
||||
|
||||
### تعيين أسماء المتغيرات الجديدة وتوفير القيم الافتراضية
|
||||
|
||||
@@ -60,132 +64,139 @@ localeTitle: Object Destructuring
|
||||
1. تفكيكها من كائن وتعيين لمتغير مع اسم مختلف و
|
||||
2. تعيين قيمة افتراضية في حالة القيمة غير `undefined` غير `undefined` .
|
||||
|
||||
`var {a:name = 'ananonumys', b:age = 20} = {age: 22};
|
||||
|
||||
console.log(name); // ananonumys
|
||||
console.log(age); // 22
|
||||
`
|
||||
```
|
||||
var {a:name = 'ananonumys', b:age = 20} = {age: 22};
|
||||
|
||||
console.log(name); // ananonumys
|
||||
console.log(age); // 22
|
||||
```
|
||||
|
||||
### إعداد القيمة الافتراضية لعلامة دالة
|
||||
|
||||
#### ES5 الإصدار
|
||||
|
||||
`function getUserInfo(data) {
|
||||
data = data === undefined ? {} : data;
|
||||
var name = data.name === undefined ? 'ananonumys' : data.name;
|
||||
var age = data.age === undefined ? 20 : data.age;
|
||||
var location = data.location === undefined ? 'india' : data.location;
|
||||
console.log(name, age, location);
|
||||
// print user data
|
||||
}
|
||||
|
||||
getUserInfo({
|
||||
name: 'neel',
|
||||
age: 22,
|
||||
location: 'canada'
|
||||
});
|
||||
`
|
||||
```
|
||||
function getUserInfo(data) {
|
||||
data = data === undefined ? {} : data;
|
||||
var name = data.name === undefined ? 'ananonumys' : data.name;
|
||||
var age = data.age === undefined ? 20 : data.age;
|
||||
var location = data.location === undefined ? 'india' : data.location;
|
||||
console.log(name, age, location);
|
||||
// print user data
|
||||
}
|
||||
|
||||
getUserInfo({
|
||||
name: 'neel',
|
||||
age: 22,
|
||||
location: 'canada'
|
||||
});
|
||||
```
|
||||
|
||||
#### نسخة ES2015
|
||||
|
||||
`function getUserInfo({name = 'ananonumys', age = 20, location = 'india'} = {}) {
|
||||
console.log(name, age, location);
|
||||
// print user data
|
||||
}
|
||||
|
||||
getUserInfo({
|
||||
name: 'neel',
|
||||
age: 22,
|
||||
location: 'canada'
|
||||
});
|
||||
`
|
||||
```
|
||||
function getUserInfo({name = 'ananonumys', age = 20, location = 'india'} = {}) {
|
||||
console.log(name, age, location);
|
||||
// print user data
|
||||
}
|
||||
|
||||
getUserInfo({
|
||||
name: 'neel',
|
||||
age: 22,
|
||||
location: 'canada'
|
||||
});
|
||||
```
|
||||
|
||||
> في توقيع الدالة `getUserInfo` أعلاه ، يتم تعيين الجانب الأيسر المدمر إلى كائن حرفي فارغ على الجانب الأيمن: `{name = 'ananonumys', age = 20, location = 'india'} = {}` . كان بإمكانك أيضًا كتابة الوظيفة بدون تعيين الجانب الأيمن. ومع ذلك ، إذا قمت `getUserInfo()` تعيين الجانب الأيمن ، ستبحث الدالة عن وسيطة واحدة على الأقل `getUserInfo()` عند استدعاء ، بينما في شكلها الحالي ، يمكنك ببساطة استدعاء `getUserInfo()` دون توفير أي معلمات. يفيد التصميم الحالي إذا كنت تريد أن تكون قادرًا على استدعاء الدالة دون توفير أي معلمات ، يمكن أن يكون الآخر مفيدًا عندما تريد التأكد من تمرير كائن إلى الوظيفة.
|
||||
|
||||
### كائن متداخل ومجموعة المدمر
|
||||
|
||||
`var metadata = {
|
||||
title: 'Scratchpad',
|
||||
translations: [
|
||||
{
|
||||
locale: 'de',
|
||||
localization_tags: [],
|
||||
last_edit: '2014-04-14T08:43:37',
|
||||
url: '/de/docs/Tools/Scratchpad',
|
||||
title: 'JavaScript-Umgebung'
|
||||
}
|
||||
],
|
||||
url: '/en-US/docs/Tools/Scratchpad'
|
||||
};
|
||||
|
||||
var {title: englishTitle, translations: [{title: localeTitle}]} = metadata;
|
||||
|
||||
console.log(englishTitle); // "Scratchpad"
|
||||
console.log(localeTitle); // "JavaScript-Umgebung"
|
||||
`
|
||||
```
|
||||
var metadata = {
|
||||
title: 'Scratchpad',
|
||||
translations: [
|
||||
{
|
||||
locale: 'de',
|
||||
localization_tags: [],
|
||||
last_edit: '2014-04-14T08:43:37',
|
||||
url: '/de/docs/Tools/Scratchpad',
|
||||
title: 'JavaScript-Umgebung'
|
||||
}
|
||||
],
|
||||
url: '/en-US/docs/Tools/Scratchpad'
|
||||
};
|
||||
|
||||
var {title: englishTitle, translations: [{title: localeTitle}]} = metadata;
|
||||
|
||||
console.log(englishTitle); // "Scratchpad"
|
||||
console.log(localeTitle); // "JavaScript-Umgebung"
|
||||
```
|
||||
|
||||
### للتكرار والتدمير
|
||||
|
||||
`var people = [
|
||||
{
|
||||
name: 'Mike Smith',
|
||||
family: {
|
||||
mother: 'Jane Smith',
|
||||
father: 'Harry Smith',
|
||||
sister: 'Samantha Smith'
|
||||
},
|
||||
age: 35
|
||||
},
|
||||
{
|
||||
name: 'Tom Jones',
|
||||
family: {
|
||||
mother: 'Norah Jones',
|
||||
father: 'Richard Jones',
|
||||
brother: 'Howard Jones'
|
||||
},
|
||||
age: 25
|
||||
}
|
||||
];
|
||||
|
||||
for (var {name: n, family: {father: f}} of people) {
|
||||
console.log('Name: ' + n + ', Father: ' + f);
|
||||
}
|
||||
|
||||
// "Name: Mike Smith, Father: Harry Smith"
|
||||
// "Name: Tom Jones, Father: Richard Jones"
|
||||
`
|
||||
```
|
||||
var people = [
|
||||
{
|
||||
name: 'Mike Smith',
|
||||
family: {
|
||||
mother: 'Jane Smith',
|
||||
father: 'Harry Smith',
|
||||
sister: 'Samantha Smith'
|
||||
},
|
||||
age: 35
|
||||
},
|
||||
{
|
||||
name: 'Tom Jones',
|
||||
family: {
|
||||
mother: 'Norah Jones',
|
||||
father: 'Richard Jones',
|
||||
brother: 'Howard Jones'
|
||||
},
|
||||
age: 25
|
||||
}
|
||||
];
|
||||
|
||||
for (var {name: n, family: {father: f}} of people) {
|
||||
console.log('Name: ' + n + ', Father: ' + f);
|
||||
}
|
||||
|
||||
// "Name: Mike Smith, Father: Harry Smith"
|
||||
// "Name: Tom Jones, Father: Richard Jones"
|
||||
```
|
||||
|
||||
### تفريغ الحقول من الكائنات التي تم تمريرها كمعلمة دالة
|
||||
|
||||
`function userId({id}) {
|
||||
return id;
|
||||
}
|
||||
|
||||
function whois({displayName, fullName: {firstName: name}}) {
|
||||
console.log(displayName + ' is ' + name);
|
||||
}
|
||||
|
||||
var user = {
|
||||
id: 42,
|
||||
displayName: 'jdoe',
|
||||
fullName: {
|
||||
firstName: 'John',
|
||||
lastName: 'Doe'
|
||||
}
|
||||
};
|
||||
|
||||
console.log('userId: ' + userId(user)); // "userId: 42"
|
||||
whois(user); // "jdoe is John"
|
||||
`
|
||||
```
|
||||
function userId({id}) {
|
||||
return id;
|
||||
}
|
||||
|
||||
function whois({displayName, fullName: {firstName: name}}) {
|
||||
console.log(displayName + ' is ' + name);
|
||||
}
|
||||
|
||||
var user = {
|
||||
id: 42,
|
||||
displayName: 'jdoe',
|
||||
fullName: {
|
||||
firstName: 'John',
|
||||
lastName: 'Doe'
|
||||
}
|
||||
};
|
||||
|
||||
console.log('userId: ' + userId(user)); // "userId: 42"
|
||||
whois(user); // "jdoe is John"
|
||||
```
|
||||
|
||||
هذا unpacks `id` و `displayName` و `firstName` من كائن المستخدم `firstName` .
|
||||
|
||||
### أسماء خصائص كائن محسوب و destructuring
|
||||
|
||||
`let key = 'z';
|
||||
let {[key]: foo} = {z: 'bar'};
|
||||
|
||||
console.log(foo); // "bar"
|
||||
`
|
||||
```
|
||||
let key = 'z';
|
||||
let {[key]: foo} = {z: 'bar'};
|
||||
|
||||
console.log(foo); // "bar"
|
||||
```
|
||||
|
||||
انظر أيضا: **Object Destructuring** | [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring)
|
||||
@@ -12,8 +12,9 @@ localeTitle: تجميد الكائن
|
||||
|
||||
### بناء الجملة
|
||||
|
||||
`Object.freeze(obj)
|
||||
`
|
||||
```javascript
|
||||
Object.freeze(obj)
|
||||
```
|
||||
|
||||
### المعلمات
|
||||
|
||||
@@ -31,35 +32,36 @@ localeTitle: تجميد الكائن
|
||||
|
||||
### مثال
|
||||
|
||||
`// Create your object
|
||||
let person = {
|
||||
name: 'Johnny',
|
||||
age: 23,
|
||||
guild: 'Army of Darkness',
|
||||
hobbies: ['music', 'gaming', 'rock climbing']
|
||||
}
|
||||
|
||||
// Modify your object
|
||||
person.name = 'John'
|
||||
person.age = 24
|
||||
person.hobbies.splice(1,1)
|
||||
delete person.guild
|
||||
|
||||
// Verify your object has been modified
|
||||
console.log(person) // { name: 'John', age: 24, hobbies: ['music', 'rock climbing']
|
||||
|
||||
// Freeze your object
|
||||
Object.freeze(person)
|
||||
|
||||
// Verify that your object can no longer be modified
|
||||
person.name = 'Johnny' // fails silently
|
||||
person.age = 23 // fails silently
|
||||
console.log(person) // { name: 'John', age: 24, hobbies: ['music', 'rock climbing']
|
||||
|
||||
// The freeze is "shallow" and nested objects (including arrays) can still be modified
|
||||
person.hobbies.push('basketball')
|
||||
consol.log(person.hobbies) // ['music', 'rock climbing', 'basketball']
|
||||
`
|
||||
```javascript
|
||||
// Create your object
|
||||
let person = {
|
||||
name: 'Johnny',
|
||||
age: 23,
|
||||
guild: 'Army of Darkness',
|
||||
hobbies: ['music', 'gaming', 'rock climbing']
|
||||
}
|
||||
|
||||
// Modify your object
|
||||
person.name = 'John'
|
||||
person.age = 24
|
||||
person.hobbies.splice(1,1)
|
||||
delete person.guild
|
||||
|
||||
// Verify your object has been modified
|
||||
console.log(person) // { name: 'John', age: 24, hobbies: ['music', 'rock climbing']
|
||||
|
||||
// Freeze your object
|
||||
Object.freeze(person)
|
||||
|
||||
// Verify that your object can no longer be modified
|
||||
person.name = 'Johnny' // fails silently
|
||||
person.age = 23 // fails silently
|
||||
console.log(person) // { name: 'John', age: 24, hobbies: ['music', 'rock climbing']
|
||||
|
||||
// The freeze is "shallow" and nested objects (including arrays) can still be modified
|
||||
person.hobbies.push('basketball')
|
||||
consol.log(person.hobbies) // ['music', 'rock climbing', 'basketball']
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
||||
@@ -8,24 +8,26 @@ localeTitle: الكائن هو المجمدة
|
||||
|
||||
#### **بناء الجملة**
|
||||
|
||||
`Object.isFrozen(obj)
|
||||
`
|
||||
```javascript
|
||||
Object.isFrozen(obj)
|
||||
```
|
||||
|
||||
**فمثلا:**
|
||||
|
||||
`var foods = {
|
||||
grain : "wheat",
|
||||
dairy : "milk",
|
||||
vegetable : "carrot",
|
||||
fruit : "grape"
|
||||
};
|
||||
|
||||
var frozenFoods = Object.freeze(foods);
|
||||
|
||||
var areMyFoodsFrozen = Object.isFrozen(frozenFoods);
|
||||
|
||||
\\ returns true
|
||||
`
|
||||
```javascript
|
||||
var foods = {
|
||||
grain : "wheat",
|
||||
dairy : "milk",
|
||||
vegetable : "carrot",
|
||||
fruit : "grape"
|
||||
};
|
||||
|
||||
var frozenFoods = Object.freeze(foods);
|
||||
|
||||
var areMyFoodsFrozen = Object.isFrozen(frozenFoods);
|
||||
|
||||
\\ returns true
|
||||
```
|
||||
|
||||
تذكر ، **لا يمكن أن** يكون له خاصية مجمدة تغير خصائصها.
|
||||
|
||||
|
||||
@@ -24,21 +24,22 @@ localeTitle: Object.prototype.hasOwnProperty
|
||||
|
||||
باستخدام **hasOwnProperty ()** لاختبار ما إذا كانت خاصية موجودة أم لا في كائن محدد:
|
||||
|
||||
`var course = {
|
||||
name: 'freeCodeCamp',
|
||||
feature: 'is awesome',
|
||||
}
|
||||
|
||||
var student = {
|
||||
name: 'enthusiastic student',
|
||||
}
|
||||
|
||||
course.hasOwnProperty('name'); // returns true
|
||||
course.hasOwnProperty('feature'); // returns true
|
||||
|
||||
student.hasOwnProperty('name'); // returns true
|
||||
student.hasOwnProperty('feature'); // returns false
|
||||
`
|
||||
```js
|
||||
var course = {
|
||||
name: 'freeCodeCamp',
|
||||
feature: 'is awesome',
|
||||
}
|
||||
|
||||
var student = {
|
||||
name: 'enthusiastic student',
|
||||
}
|
||||
|
||||
course.hasOwnProperty('name'); // returns true
|
||||
course.hasOwnProperty('feature'); // returns true
|
||||
|
||||
student.hasOwnProperty('name'); // returns true
|
||||
student.hasOwnProperty('feature'); // returns false
|
||||
```
|
||||
|
||||
#### الروابط
|
||||
|
||||
|
||||
Reference in New Issue
Block a user