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)

        }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,365评论 1 10
  • DOM0级和DOM2级在事件监听使用方式上有什么区别? DOM0级事件监听:用JavaScript指定事件处理程序...
    LeeoZz阅读 2,934评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,378评论 2 17
  • 北京2018年4月1日上午,NBA常规赛勇士客战国王的比赛中,发生了令人痛心不已的一幕。比赛进行到第三节还有41...
    Curry_宇阅读 4,996评论 1 1
  • 问答 一、dom对象的innerText和innerHTML有什么区别? innerTextinnerText是一...
    婷楼沐熙阅读 3,097评论 0 0