dev.lucaszapico.space-v4

JavaScript Objects

objects have methods and properties.


let names = ["lucas", "luc", "James", "Rafael"]

// lenght method
console.log(name.length)
// 4

Primitives

Primitive do not have methods. But, javascript is intuitive. This means that JavaScript wraps primitives in objects which enables methods. Thus, making a given primitive to behave like an object.

booleans
strings
numbers

First Object

Encapsulation


let userOne = {
  email: "[email protected]",
  name: "ben",
}

// ^ this is called encapulation

console.log(userOne.name)


let userOne = {
  email: "[email protected]",
  name: "ben",
  login() {
    console.log(this.email, "has logged in")
  },
  logOut() {
    console.log(this.email, "has logged out")
  },
}

console.log(userOne.login())
// ben@earth has logged in

// We can change property values these values can be dynamic // We can add new methods to objects

// Creating multiple instances of the same type

Classes In ES6 and >


class User {
  constructor(email, name) {
    // properties
    this.email = email
    this.name = name
  }
  // methods
  login() {
    console.log(this.email + " just logged in")
  }
}

var userOne = new User("[email protected]", "Jim")
var userTwo = new User("[email protected]", "Jeff")

// the 'new' keyword
// - creates a new empty object {}
// - sets the value of 'this' to be the new empty object
// - calls the constructor method

base	0px
sm	480px
md	768px
lg	992px
xl	1280px
2xl	1536px

width	px
height	px

Subjects

JavaScript Objects and Classes

JavaScript Objects

Primitives

First Object

Encapsulation

Classes In ES6 and >

More Notes

JavaScript Notes

JavaScript Fundamentals