var

const

let

قيمة متغيرة

قيمة ثابتة

Arrow Function

function funName(arg) { ..... }

const funName = (arg) => { ..... }

Modules (Exports & Imports)

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'

Modules (Exports & Imports)

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 )

Classes

class Car {

          color = "blue"

          fun = ( ) => { ... }

}

const myCar = new Car()

console.log( myCar.color )

myCar.fun()

class Toyota extends Car

Spread & Rest Operators

Rest

...

تستخدم لفصل                               لمجموعة من العناصر

array او object

const newArr = [ ...oldArr , 1 , 2 , 3 ]

const newObj = { ...oldObj , prop: 'value' }

Spread

      تستخدم لدمج                               وتحويلها الى    

function args

array

const sortArgs = ( ...args ) => {

return args.sort( )

}                                         

Destructuring

استخراج عناصر ال                               وتخزينها داخل متغيرات

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

Modern javaScript

By Hossam Mo

Modern javaScript

  • 253