2018-05-29\5.30

// 浅克隆:只能克隆原始类型，克隆不了引用类型

//        var obj={

//            name:'jake',

//            age:18,

//            friden:['LiMing','rose']

//        }

//            function clone(){

//                var obj1={}

//                for(var key in obj){

//                    obj1[key]=obj[key];

//                }

//                return obj1;

//            }

//        var obj1=clone();

//        console.log(obj1);

//        obj.friden[0]='kim';

//        console.log(obj1);

        //        深克隆

//        var student={

//            name:'jake',

//            age:18,

//            friend:['LiMing','rose']

//        }

//        function clone(obj){

//            var newObj=obj instanceof Array?[]:{};

//            for(var key in obj){

//                if(obj[key] instanceof Object){

//                    newObj[key]=clone(obj[key]);

//                }else{

//                    newObj[key]=obj[key];

//                }

//            }

//            return newObj;

//        }

//        var newObj=clone(student);

//        student.friend[0]='kim';

//        console.log(student.friend[0]);

//        console.log(newObj.friend[0]);

//事件捕获

//    案例

        var a=document.querySelector('.a');

        var b=document.querySelector('.b');

        var c=document.querySelector('.c');

        a.addEventListener('click',function(){

            alert('我是a');

        })

        b.addEventListener('click',function(){

            alert('我是b');

        })

        c.addEventListener('click',function(){

            alert('我是c');

        })

//事件监听

//案例

var btn1=document.querySelector('.btn1');

        var btn2=document.querySelector('.btn2');

        btn1.addEventListener('click',function(){

            alert('我是btn1');

        })

        btn1.addEventListener('click',function(){

            alert('我是btn2');

        })

        btn2.onclick=function(){

            alert('123');

        }

        btn2.onclick=function(){

            alert('456');

        }

//事件委托

//案例

var box=document.querySelector('.boxs');

                    box.addEventListener('click',function(event){

                    var target=event.target;

                    alert(target.innerHTML);

                    })

        var btn=document.createElement('button');

btn.innerHTML='btn3';

btn.className='btn3';

document.querySelector('div').appendChild(btn);

//定时器

//案例

var times=setTimeout(function(){

        console.log('hollw world');

    },3000)

    var btn=document.querySelector('.box');

        btn.onclick=function(){

            clearTimeout(times);

        }

        var timea=setInterval(function(){

            console.log('hollow js');

        },1000)

        var btn=document.querySelector('.boxs');

            btn.onclick=function(){

                clearInterval(timea);

            }

//        fun();

//        function fun(){

//            console.log('123');

//        }

  fun();

//        函数表达式

//        fun(), 错误;

//        var fun=function(){

//            console.log('aaa');

//        }

fun();

//        立即执行函数

        (function(){

            alert('你好啊');

        })();

//案例

        for(var i=0;i<10;i++){

            (function(a){

              setTimeout(function(){

                  console.log(a);

              },1000); 

            })(i)

        }