// 淺克隆:只能克隆原始類型恬偷,克隆不了引用類型
//? ? ? ? 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');
? ? ? ? })
//事件監(jiān)聽
//案例
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);
//定時(shí)器
//案例
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();
//? ? ? ? 函數(shù)表達(dá)式
//? ? ? ? fun(), 錯(cuò)誤;
//? ? ? ? var fun=function(){
//? ? ? ? ? ? console.log('aaa');
//? ? ? ? }
fun();
//? ? ? ? 立即執(zhí)行函數(shù)
? ? ? ? (function(){
? ? ? ? ? ? alert('你好啊');
? ? ? ? })();
//案例
? ? ? ? for(var i=0;i<10;i++){
? ? ? ? ? ? (function(a){
? ? ? ? ? ? ? setTimeout(function(){
? ? ? ? ? ? ? ? ? console.log(a);
? ? ? ? ? ? ? },1000);?
? ? ? ? ? ? })(i)
? ? ? ? }