Jam's story

[JS] 람다식 본문

WEB/JavaScript

[JS] 람다식

애플쩀 2022. 6. 8. 12:39 
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>2022.06.08 11:57:27</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h3>ex06.html</h3>
<script>
  /*   화살표함수 (람다식) es6 도입 
    더 짧은 함수 구문을 작성, 사용
  */
 var hello=function(){
    return "hello world";
 };
 alert(typeof hello); //function
 alert(hello()); //hello world

//  var hello =() =>{ return "hello world";};
//{}은 생략가능 , return  생략가능 
//  var hello=()=>{}

var hello=function test(name){
    return name+"   Hi~~";
}

alert(hello("admin"));

//위 함수를 람다식으로 변경 
var hellolamda =(name)=> name+"hi~~";
//매개변수가 1개라면 ()생략가능
var hellolamda = name => name+"hi~~";
alert(hellolamda ("d"));

/* function(a,b){return a+b;} */
var result= (a,b)=>a+b;
console.log(result(10,20));
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>2022.06.08 12:24:06</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h3>ex06_02.html</h3>
<button id="btn">클릭</button>
<p id="demo"></p><br>
<script>
    var hello;
/*     hello=function(){
        document.getElementById("demo").innerHTML+=this;
    }
    window.addEventListener("load",hello);
    document.getElementById("btn").addEventListener("click",hello); //[object HTMLButtonElement]
 */
    //람다식으로 변경
    hello =()=>{
        document.getElementById("demo").innerHTML+=this; //[object Window]
    }
    document.getElementById("btn").addEventListener("click",hello);
</script>
<!-- <script>
    function test(){
        alert(this);
    }
    var hello =() =>alert(this);
</script> -->
</body>
</html>

 

저작자표시 (새창열림)

'WEB > JavaScript' 카테고리의 다른 글

[JS] export  (0) 2022.06.08
[JS] 클래스  (0) 2022.06.08
[JS] this 의 4가지 경우  (0) 2022.06.08
[JS] 호이스팅  (0) 2022.06.08
[JS] 로또번호  (0) 2022.06.08
'WEB/JavaScript' Related Articles more
Comments