function funName(arg) { ..... }
const funName = (arg) => { ..... }
ali.js
names.js
export default
export name
app.js
const name = 'Ali'
export default name
export const name1 = 'Ali'
export const name2 = 'Aya'
import { name1 } from '/names.js'
import { name2 } from '/names.js'
import name from '/ali.js'
import ali from '/ali.js'
export
default
import name from '/ali.js'
import ali from '/ali.js'
import { name1 } from '/names.js'
export
name
import { name1 as ali } from '/names.js'
import * as names from '/names.js'
console.log( names.name1 )
class Car {
color = "blue"
fun = ( ) => { ... }
}
const myCar = new Car()
console.log( myCar.color )
myCar.fun()
class Toyota extends Car
Rest
تستخدم لفصل لمجموعة من العناصر
array او object
const newArr = [ ...oldArr , 1 , 2 , 3 ]
const newObj = { ...oldObj , prop: 'value' }
Spread
تستخدم لدمج وتحويلها الى
function args
array
const sortArgs = ( ...args ) => {
return args.sort( )
}
استخراج عناصر ال وتخزينها داخل متغيرات
Array or Object
[ name1 , name2 ] = [ "Ahmed" , "Ali" ]
console.log( name1 ) // Ahmed
console.log( name2 ) // Ali
Array Destructuring
{ name , age } = { name : "Ali" , age : "18" }
console.log( name ) // Ali
console.log( age ) // 18
Object Destructuring