📔
web_study
  • JavaScript
  • 엘리_자바스크립트
    • 자바스크립트 기본
      • 클래스 예제와 콜백함수
      • 연산자 boolean
      • 함수 정의, 호출 그리고 콜백
      • 변수타입과 object 차이점
    • JavaScript async 와 await
    • JavaScript Promise
    • 자바스크립트 callback
    • 자바스크립트 json
    • 유용한 10가지 배열 함수들
    • 자바스크립트 배열(array)
    • 자바스크립트 object
    • 자바스크립트 (class vs object) 객체지향 언어
    • 자바스크립트 함수
    • 자바스크립트 연산.반복문
    • 데이터타입, data types, let vs var, hoisting
    • script async 와 defer의 차이점 콘솔 출력
    • 자바스크립트역사
  • 생활코딩
    • 재귀함수
    • 정규 표현식
    • 객체지향
      • 객체지향 프로그래밍
      • 생성자와 new
      • 전역객체
      • this
      • 상속
      • prototype
      • 표준 내장 객체의 확장
      • object
      • 데이터 타입
      • 참조
    • 함수지향
      • 유효범위
      • 값으로서의 함수와 콜백
      • 클로저
      • arguments
      • 함수의 호출
    • UI API, 문서
    • 모듈
    • 객체
    • 배열
    • 함수
    • 반복문
    • 조건문
    • 숫자와문자
    • 변수
    • 비교
  • 노마드 코더
    • Getting the Weather part One Geolocation
    • Image Background
    • TO DO List
    • Saving the User Name
    • Clock part One
    • 조건문 ( if , else, and, or)
    • evnet handlers
    • Function
    • Objects
    • Arrays
    • Variable(변수!)
    • Javascript
  • javascript30
    • Dram Kit
    • clock
    • Css Javascript
    • Array Cardio
    • flex panels
    • type ahead
    • Canvas Draw
    • Speech Synthesis
    • Whack A Mole
  • web standard
    • script 부분
    • form부분
    • 웹접근성
    • <meta>
  • 자바스크립트_이론
    • 기본지식(JAVASCRIPT)
    • 기본지식(CSS)
    • 기본지식(HTML)
    • 기본지식(HTTP)
    • Dom
    • 라이브러리, 프레임워크, 플로그인
Powered by GitBook
On this page
  • 변수
  • object

Was this helpful?

  1. 엘리_자바스크립트
  2. 자바스크립트 기본

변수타입과 object 차이점

변수

프로그래밍 언어에서 우리가 처리해야 되는 데이터를 담을 수 있는 컨테이너 역활을 함

let age = 2; // age에 숫자2가 할당됨
let num = '2'; // num에 문자2가 할당됨
let number = 3;
let number2 = number; //3할당됨 number에 들어있는 값을 복사해서 할당함

number2 = 5; 

console.log(number); //3
console.log(number2); //5
  • 숫자, 문자 등을 담을 수 있다.

  • 변수이름을 생성할때는 어떤 정보를 가지고 있는지 유추 할 수 있는 이름으로 만드는것이 좋다.

  • number, string, boolean, null, undefined 를 제외한것은 다 object이다.

  • const는 절대로 변경이 불가능함

object

let obj = {
 name: 'ellie',
 age:5,
}

console.log(obj.name); // ellie

let obj2 = obj;

console.log(obj2.name) // ellie
// object는 object가 가리키고 있는 주소가 들어 있기때문에 그 주소만 복사되어 들어온다.

obj.name = 'james'

console.log('------');
console.log(obj.name); //james
console.log(obj2.name); //james

const let obj = {
 name: 'boa',
 age:20,
}
// * obj 자체를 변경하는것은 불가능 하지만 obj.name, obj.age 안에 있는 내용들은 변경 가능하다. *
  • obj , obj2 는 결국 가리키고 있는 오브젝트가 동일하기때문에 이렇게 어떤곳을 통해서 이름이 업데이트 되면 둘다 변경된다. 변수와 차이점이 있다.

Previous함수 정의, 호출 그리고 콜백NextJavaScript async 와 await

Last updated 3 years ago

Was this helpful?