02. 데이터 타입과 변수

02. 데이터 타입과 변수

number / String / boolean / undefined / function / object 등의 타입이 있다.

F12 -> 디버깅창 나온다. ctrl+L : 콘솔창 지우기

숫자는 무조건 : number

정의되지 않을 때 타입은 undefined

메서드 타입 : function

나머지는 다(객체) : Object

var b = function(){  } // function 처리하는 문법 --> 값으로 처리된다.
//undefined
typeof(b)
//"function"

함수가 변수에 저장될 수 있다.

var b = function(){  } 
void f( ..  b){
    return b;
} // 이런식으로 쓰여질 수 있다.

Object

var c = { } 객체 표현한는 문법이다.

var c = {n : v, n : v} -> name value .. 들어감

{age :10 , getName : f } --> 메소드를 getName으로 지정할 수 있다.

Object 객체 사용해보기

var p1 = { name : "홍길동" , age : 20}
//undefined
console.log(p1)
//VM483:1 {name: "홍길동", age: 20}
p1.name = "길동"
//"길동" --> 속성변경
p1
//{name: "길동", age: 20}
p1.email = "purum@naver.com"
// "purum@naver.com" --> 속성추가
p1
// {name: "길동", age: 20, email: "purum@naver.com"} 추가됨
console.dir(p1)
/*  Object
    age: 20
    email: "purum@naver.com"
    name: "길동"
*/

배열

var a1 = [ ]

var a1 = [10,20,30]
//undefined
typeof(a1)
//"object"

var키워드

전역실행 컨텍스트와 var 키워드

HTML

<script type="text/javascript">
    console.log("hello");
</script>

javascript 파일 만들기 --> my.js

my.js 에 HTML 의 console.log("hello");를 붙여넣기

<script type="text/javascript" src = "my.js"></script>
//HTML변경

<script type="text/javascript">
    console.log(A1);
    var A1= "Hello";
    A2 = "word";
    console.log(A2);    
</script>

--> 크롬에서 실행해서 디버깅하면 Global 객체가 생긴다.

Global(A1: "Hello" | A2 : "world)

Global
    A1: "Hello"
    A2: "word"

var변수는 실행하기 전에 만들어진다. ---> A1는 var로 선언해서 미리 만들어짐 A2는 var로 선언하지않았기 때문에 만들어 지지않았다.

var A1 = "hello";
console.log(A1)
//Global(A1: "hello")
var A1= 1000;
console.log(A1)
//Global(A1: 1000)
var A1= true;
console.log(A1)
//Global(A1: true)

중복선언해도 메모리 하나만 만들어진다.

"1"+"2"
//  "12"    String 값
​
1+"2"
//  "12"    String 값
​
"1" * "2"
//  2       int값
​
"3" -2
//  1       int값

(+) 빼고는 나머지 연산자들(* , / , - )은 int형으로 변환되어 계산된다.

""==0
//true
"" == false
//true
0 ==false
//true

"" , 0, , false 는 다 같은 값이다.

"123"==123
//true
"123"===123
//false