//方法一
var arr = new Array();

//方法二
var arr1 = [];

影響原數(shù)組
splice()
arr.splice(開(kāi)始項(xiàng),[控制幾位數(shù),值]); //statr ,count ,
var arr = [1,2,3,4,5,6,7];
var zf = arr.splice(3); //控制幾位數(shù)， 默認(rèn)值 :arr.length-1 //包括3 原來(lái)項(xiàng)數(shù)
console.log( arr ); //[1,2,3]
console.log( zf ); //[4,5,6,7] //返回值 -- 取出的內(nèi)容

var arr = [1,2,3,4,5,6,7]; 
var zf = arr.splice(3,2); //截取
console.log( arr ); //[1, 2, 3, 6, 7]
console.log( zf ); //[4,5] 

var arr = [1,2,3,4,5,6,7]; 
var t = arr.splice(3,2,'zf','dd'); //替換
console.log( arr ); //[1,2,'zf','dd',6,7]
console.log( t ); //[4,5]

var arr = [1,2,3,4,5,6,7]; 
var t = arr.splice(3,0,'zf','dd'); //插入
console.log(arr); //[1,2,3,'zf','dd',4,5,6,7]
console.log( t ); //[] //如果為0 ,去除空數(shù)組

var arr = [1,2,3,4,5,6,7]; 
var 12 = arr.splice(-4); //截取
console.log( arr ); //[1,2,3]
console.log( zf ); //[4,5,6,7]

//
slice(stat,end) //去出了end-stat 項(xiàng)。 不包括end項(xiàng)。

var zf = arr.sort(function ( a,b ) { //傳遞匿名函數(shù)，通過(guò)匿名函數(shù)參數(shù)判斷大小。
  if( a>b ){
    return 1;
  } else if( a<b ){
    return -1;
  } else {
    return 0;
  }
});
console.log( arr ); //["a", "b", "e", "z"]
console.log( zf ); //["a", "b", "e", "z"]

// 影響原數(shù)組
push , pop ,unshift ,shift ,splice ,reverse ,sort
// 未影響 原數(shù)組
concat ,slice ,join

// indexOf(); //查找位置 

var arr = [234,23,45,46,45,645,56];

//1個(gè)參數(shù)的時(shí)候，表示傳值 返回索引位置
var idxVal = arr.indexOf(45);

//2個(gè)參數(shù)的時(shí)候， 第一個(gè)表示查詢(xún)的值，第二個(gè)參數(shù)是 傳值,表示起始開(kāi)始查詢(xún)的起始位置
var idxVal = arr.indexOf(2,3);

//查找數(shù)組比較的時(shí)候 是 "===" 

//找不到返回 -1

//迭代方法

//every : 對(duì)于數(shù)組每一個(gè)元素進(jìn)行一個(gè)函數(shù)的運(yùn)行 如果函數(shù)都返回true， 最后則返回true。 如果有一個(gè)返回false 最后結(jié)果則返回false。
// 測(cè)試數(shù)組的所有元素是否都通過(guò)了指定函數(shù)的測(cè)試 

var arr = [1,2,3,4,3,2,4,6];

var reslut = arr.every(function ( item,index,array ) {
  
  return item > 0;
  
});

console.log( reslut ); //true

//filter : 對(duì)于數(shù)組的每一個(gè)元素進(jìn)行一個(gè)函數(shù)的運(yùn)行 給定的函數(shù)執(zhí)行， 把過(guò)濾后的結(jié)果返回。

var arr = [1,2,3,4,3,2,4,6];

var reslut = arr.filter(function ( item,index,array ) {
  
  return item > 2; //所有大于2 的過(guò)濾出來(lái)
  
})

console.log( reslut ); //[3, 4, 3, 4, 6]

//forEach : 循環(huán)數(shù)組每一項(xiàng)， 并執(zhí)行一個(gè)方法
// 方法中的參數(shù)：數(shù)組成員的值，數(shù)組成員的索引，原數(shù)組（修改原數(shù)組會(huì)影響原來(lái)遍歷的數(shù)組）

var arr = [1,2,3,4,3,2,4,6];

arr.forEach(function ( item,index,array ) {
  
  console.log( item );
  
});

var arr1 = ['tan', 'cyan', 'pink', 'red'];
arr1.forEach(function ( val, idx, arrs ) {
  
  return 1; // 返回返回并不會(huì)影響原數(shù)組
  
});
console.log(arr);

//map : 對(duì)于數(shù)組的每一個(gè)元素進(jìn)行一個(gè)函數(shù)的運(yùn)行 可以經(jīng)過(guò)函數(shù)執(zhí)行完畢  把新的結(jié)果返回， 原數(shù)組不變。

var arr = [1,2,3,4,3,2,4,6];

var reslut = arr.map(function ( item,index,array ) {
  
  return item * 3;
  
}); 

console.log( reslut ); //[3, 6, 9, 12, 9, 6, 12, 18]

//some : 對(duì)于數(shù)組每一個(gè)元素進(jìn)行一個(gè)函數(shù)的運(yùn)行 如果有一項(xiàng)返回true 最后則返回true 如果每一項(xiàng)都返回false， 最后才返回false。 

var arr = [1,2,3,4,3,2,4,6];

var reslut = arr.some(function ( item,index,array ) {
  
  return item > 5; //有一個(gè)返回true， 就返回true
  
});

console.log( reslut ); //true

//模擬filter方法
Array.prototype.filter = function ( cb ) {
  
  var reslut = [];
  
  try{
    
    if ( cb && cb.constructor === Function ) {
        
      for ( var i=0; i<this.length; i++ ) {
        
        if ( cb.call(this[i],this[i],i,this) ) {
          
          reslut.push(this[i]);
          
        }
    
      }
      
    }
    
  }catch(e){
    //TODO handle the exception
  }
  
  return reslut ? reslut : '';
  
}

var a = arr.filter(function ( item,index,arr ) {
  
  return item > 2;
  
});
console.log( a );

// 模擬some
Array.prototype.some = function ( fn ) {
  
  try{
    
    if ( fn && fn.constructor === Function ) {
      
      
      for ( var i=0; i<this.length; i++ ) {
        
        // 存在一個(gè)函數(shù)執(zhí)行結(jié)果 為true ， 返回true
        if ( fn.call(this[i], this[i], i, this) ) {
          
          return true;
          
        }
        
      }
      return false;
    }
    
  }catch(e){
    //TODO handle the exception
  }
  
}

var arr = [1,2,3,4,3,2,4,6];

// reduce reduceRight

// 前一個(gè)值， 當(dāng)前值， 索引位置， array 
// 數(shù)組中的每個(gè)值（從左到右）開(kāi)始合并，最終為一個(gè)值。
// 接收一個(gè)函數(shù)作為累加器，數(shù)組中的每一個(gè)值(從左到右)開(kāi)始合并，最終為一個(gè)值。
var reslut = arr.reduce(function ( prev,cur,index,array ) {
  
  return prev + cur;
  
});

console.log( reslut ); //25

// reduceRight 從右開(kāi)始遍歷
var reslut1 = arr.reduceRight(function ( prev,cur,index,array ) {
  
  return prev + cur;
  
});

console.log( reslut ); //25

// 得到接口的對(duì)象

var o = (function() {
  var person = {
    name: 'xixi',
    age: 22,
  }
  return {
    sayName: function(k) {
      return person[k];
    },
  }
}());

var person = ['name', 'age'].reduce(function (obj, k) {
//   console.log(obj, k,'--');
  obj[k] = o.sayName(k);
  return obj;
},{});

console.log(person);

var arr = [];
console.log( Array.isArray(arr) );

// arr.fill(1);
// arr.fill(function () {
//   return 2;
// });
// arr.fill([1,2,3]);
arr.fill({x: 1});

console.log(arr);

console.log(Object.prototype.toString.call([])); // [object Array]
console.log(Object.prototype.toString.call(Array)); // [object Fcuntion]
console.log(Object.prototype.toString.call(new Date())); // [object Date]

// 簡(jiǎn)寫(xiě)方式
console.log(({}).toString.call([])); // [object Array]

// 字符串 ==> String.prototype.toString();
var a = 't';
console.log(a.toString()); // t
var a = new String(); 
console.log(a.toString()); // 空字符串
var a = new String('string');
console.log(a.toString());  // string

// 數(shù)組 ==> Array.prototype.toString();
var b = [1, 2, 3, 4];
console.log(b.toString()); // 1,2,3,4
var b = [];
console.log(b.toString()); // 空字符串
var b = new Array();
console.log(b.toString()); // 空字符串
var b = new Array(3, 5);
console.log(b.toString()); // 3,5

// 對(duì)象 ==> Object.prototype.toString();
var c = {};
console.log(c.toString()); // [object Object]

// 函數(shù)
console.log(Function.toString()); // function Function() { [native code] }
console.log(Array.toString()); // function Array() { [native code] }
console.log(RegExp.toString()); // function RegExp() { [navtive code] }

console.log(JSON.parse(10)); // 10
console.log(JSON.parse(true)); // true
console.log(JSON.parse('"xixi"')); // xixi
console.log(JSON.parse(null)); // null
console.log(JSON.parse('"undefined"')); // undefined
console.log(JSON.parse("[]")); // []

JSON.parse('{"p": 5}', function (key, val) {

 if(key === '') return val;   // 如果到了最頂層，則直接返回屬性值
  
 return val * 2;
  
}); 

var Book = function (title, price) {
  
  this.title = title;
  
  this.price = price;
  
}

Book.prototype.sayTitle = function () {
  
  return this.price;
  
}

var book = new Book('one', 10);

// 創(chuàng)建一個(gè)繼承類(lèi)
var NewBook = Object.create(book);

console.log(NewBook.constructor);

var price = NewBook.sayTitle();

console.log(price);

// 模擬 Object.create();
// 寄生式繼承
Object.prototype.create = function ( obj ) {
  
  try{
    
    if ( obj && obj.constructor === Object ) {
      
      function F () {}
      
      F.prototype = obj;
      
      return F;
      
    }
      
    
  }catch(e){
    //TODO handle the exception
  }
  
}

// 創(chuàng)建一個(gè)繼承類(lèi)
var NewBook = Object.create(book);

console.log(NewBook.constructor);

var price = NewBook.sayTitle();

console.log(price);

var obj = {};

Object.defineProperty(obj, 'title', {
  
  value: 'tan',
//        writable: true,
  configurable: false,
//        enumerable: true
  
});

delete obj.title;

//      obj.title = 'pink';

//      for ( var i in obj ) {
//        
//        console.log(obj[i]);
//        
//      }

console.log(obj);

Object.defineProperty(obj, 'title', {
  
  get: function () {
    console.log('get');
    return this._title;
  },
  set: function ( val ) {
    this._title = val;
  }
  
});

obj.title = 'pink';

var t = obj.title;

var obj = {}

Object.defineProperties(obj, {
  
  color: {
    value: 'tan'
  },
  
  names: {
    value: 'zf'
  }
  
});

console.log( obj );

    
//簡(jiǎn)單實(shí)現(xiàn) map

function Map () {
  
  //priveate 的對(duì)象來(lái)保存 key 和 val
  var obj = {};
  
  // put 方法
  this.put = function ( key,val ) {
    
    
    obj[key] = val;  //把鍵值對(duì) 綁定到object上.
    
  }
  
  //獲得map 容器的個(gè)數(shù)
  this.size = function () {
    
    var count = 0;
    
    for ( var i in obj ) {
      
      count++;
      
    }
    
    return count;
    
  }
  
  //根據(jù)key 得到 val
  this.get = function ( key ) {
    
    return obj[key] || (obj[key] === 0) || (obj[key] === false) ? obj[key] : null;
    
  }
  
  // remove 刪除方法
  this.remove = function ( key ) {
    
    if ( obj[key] || obj[key] === 0 || obj[key] === false ) delete obj[key]; 
    
  }
  
  //eachMap 遍歷 map 容器的方法
  this.eachMap = function ( cb ) {
    
    if ( cb && cb.constructor === Function ) {
      
      for ( var i in obj ) {
        
        cb.call(this,i,obj[i]);
        
      }
      
    }
    
  }
  
}

var m = new Map();

m.put('01',120);
m.put('02','tan');

//      console.log( m.size() );
//      
//      console.log( m.get('0') );

//      m.remove('01');
//      console.log( m.get('01'),'--' );

m.eachMap(function ( key,val ) {
  
  console.log( key,val,'---' );
  
});    

var arr = [1,2,4,2,3,4,5,546,57,6,5,4,31,57];

//js 對(duì)象特性， 數(shù)組去重 
// 在 js 對(duì)象 中 key 是永遠(yuǎn) 不會(huì)重復(fù)的.


// 1， 把數(shù)組轉(zhuǎn)成一個(gè)js的對(duì)象
// 2，把數(shù)組中的值，變成js 對(duì)象當(dāng)中的key
// 3，把對(duì)象再還原成數(shù)組

//數(shù)組轉(zhuǎn)對(duì)象
var toObject = function ( arr ) {
  
  var reslutObj = {};
  
  for ( var i=0; i<arr.length; i++ ) {
    
    if ( arr ) {
    
      reslutObj[arr[i]] = null; //賦值為任意值
      
    }
    
  }
  
  return reslutObj;
  
}

//對(duì)象轉(zhuǎn)成數(shù)組
var toArray = function ( obj ) {
  
  var reslutArr = [];
  
  for ( var attr in obj ) {
    
    if ( obj.hasOwnProperty(attr) ) { //判斷是否是自身上面的屬性
      
      reslutArr.push(attr);
      
    }
    
  }
  
  return reslutArr;
  
}

//去掉數(shù)組中的重復(fù)項(xiàng)
function uniq ( arr ) {
        
  return toArray(toObject(arr));
        
}
  
console.log( uniq(arr) );  

// encodeURI 、encodeURIComponent、

var uri = 'http://www.baidu.com cn';
var str1 = encodeURI(uri); //http://www.baidu.com%20cn         //(url: //不會(huì)進(jìn)行編碼)
var str2 = encodeURIComponent(uri); //http%3A%2F%2Fwww.baidu.com%20cn //任何不標(biāo)準(zhǔn)的文字都會(huì)進(jìn)行編碼

console.log( str1 );
console.log( str2 );

// decodeURI、decodeURIComponent、
console.log( decodeURI(str1) ); // http://www.baidu.com cn
console.log( decodeURIComponent(str2) ); // http://www.baidu.com cn

//eval(string) 方法 無(wú)形的javascript 解析器

var str1 = 'var a = 10; var b = 20;';
eval(str1);

console.log( a+b );

//數(shù)組字符串 直接使用: eval(strArr);

var arr = '[10,203,345,45,6]';

var evalArr = eval(arr);

console.log( evalArr );

//對(duì)象字符串 
var obj = '{name: "123", age: 20}';

var evalObj = eval('(' + obj + ')' );

console.log( evalObj );//Object {name: "123", age: 20}

//escape unescape URI 轉(zhuǎn)碼
var str = '八百米';
var str2 = escape(str); //%u516B%u767E%u7C73

console.log( str2 );

var date = new Date();

console.log( date.getTime() );   //當(dāng)前時(shí)間的毫秒數(shù)

// 簡(jiǎn)單單體模式  （只能創(chuàng)建一個(gè)實(shí)例）//無(wú)法通過(guò)new 關(guān)鍵字來(lái)實(shí)例化.
var Singleton = { //當(dāng)成模板類(lèi) 
  attr1: true,
  attr2: 10,
  
  method1: function () {
    
    console.log( this.attr1 );
    
  }
  
}

Singleton.method1();

//劃分命名空間（區(qū)分代碼）
  

//  利用閉包來(lái)創(chuàng)建單體 , 閉包主要的目的 ， 保護(hù)數(shù)據(jù)

var alogy = {};
alogy.singleton = (function () {
  
  
  //添加私有成員
  
  var a = 100;
  var fn1 = function () {
    
    console.log( a );              
    
  }
  
  // 塊級(jí)作用域里的執(zhí)行結(jié)果賦值 單體對(duì)象
  return {
    attr1: 10,
    attr2: 20,
    method: function () {
      console.log( this.attr1 );
    },
    fn1: fn1
  }
    
    
})();

alogy.singleton.method();
alogy.singleton.fn1();  

//通過(guò) 一個(gè)私有變量來(lái)控制是否 實(shí)例化對(duì)象， 初始化一個(gè) init。

var Ext = {};

Ext.Base = (function () {

//私有變量 控制返回的單體對(duì)象
var uniqInstance; 

//需要一個(gè)構(gòu)造器 init 初始化單體對(duì)象的方法
function Init () {
  
  //私有成員
  var a1 = 10;
  var a2 = true;
  
  var fun1 = function () {
    
    console.log( a1 );
    
  }
  
  return {
    attr1: a1,
    attr2: a2,
    fun1: fun1
  }
  
}

return {
  
  getInstance: function () {
    
    if ( !uniqInstance ) { //不存在 ，創(chuàng)建單體實(shí)例
      
      uniqInstance = new Init();          
      
    }
    
    return uniqInstance;
    
  }
  
}

})()

var init = Ext.Base.getInstance();

init.fun1(); //10

//分支單體 (判斷程序的分支 - 瀏覽器差異的檢測(cè))
//簡(jiǎn)單判斷
var Ext = {};

var def = true; 

Ext.More = (function () {
  
  var ff = {
    attr1: 'ff'
  };
  
  var ie = {
    attr1: 'ie'
  }
  
  return def ? ff : ie;
  
})()

console.log( Ext.More.attr1 ); //ff

//簡(jiǎn)單函數(shù)鏈?zhǔn)秸{(diào)用 

function Dog () {
  
  this.run = function () {
    
    console.log( 'dog is run...' );
    
    return this;
    
  }
  
  this.eat = function () {
    
    console.log( 'dog is eat...' );
    
    return this;
    
  }
  
  this.slepp = function () {
    
    console.log('dog is sleep');
    
    return this;
    
  }
  
}

var d1 = new Dog();

d1.run().eat().slepp();
   

//模擬jquery底層鏈?zhǔn)骄幊?
  
// 函數(shù)自執(zhí)行 特點(diǎn)：
// 1： 程序啟動(dòng)時(shí)候  里面代碼自動(dòng)執(zhí)行
// 2： 內(nèi)部的成員變量 外部無(wú)法訪(fǎng)問(wèn) (除了不加var修飾的變量)

//塊級(jí) 作用域  

(function ( window,undefined ) {
  
  //$ 最常用的對(duì)象 返回給外界 //大型程序開(kāi)發(fā)  一般使用 '_'作為私有的對(duì)象
    
  function _$ ( args ) {
    
    // 匹配id 選擇器
    var idSelect = /^\#[\w+]?/;
    
    this.dom; // 接收所得到的元素
    
    if ( idSelect.test(args) ) { //匹配成功接收元素 // #div 
      
      this.dom = document.getElementById(arguments[0].substr(1));
    
    } else {
      
      throw new Error('選擇器不正確！');
      
    }
    
  }
  
  //在Function類(lèi)上 擴(kuò)展 一個(gè)可以實(shí)現(xiàn) 鏈?zhǔn)骄幊痰姆椒?
  Function.prototype.method = function ( methodName,fn ) { //實(shí)現(xiàn)鏈?zhǔn)骄幊蹋?方法的名字 和 進(jìn)行調(diào)用的函數(shù)是什么
    
    this.prototype[methodName] = fn;
    
    return this; //鏈?zhǔn)骄幊?
    
  }
  
  // 在 _$ 原型對(duì)象上 加一些公共的方法
  _$.prototype = {
    
    constructor: _$,
    
    addEvent: function ( type,cb ) {
      
      //ff chrome
      if ( window.addEventListener ) { 
        
        this.dom.addEventListener(type,cb,false);
        
      //ie
      } else if ( window.attachEvent ) { 
        
        this.dom.attachEvent('on'+type,cb);
        
      }
  
      return this;
      
    },
    
    setStyle: function ( key,val ) {
      
      this.dom.style[key] = val;
      
      return this;
      
    }
    
  }
  
  //window上注冊(cè) 一個(gè) 全局變量
  window.$ = _$;
  
  //準(zhǔn)備方法
  _$.onReady = function ( cb ) {
    
    //1,實(shí)例化 _$ 對(duì)象 ，注冊(cè)到 window上
    window.$ = function ( args ) {
      
      return new _$(args); 
      
    }
    
    //2： 執(zhí)行傳入的代碼
    cb.call(window);
    
    //3： 實(shí)現(xiàn)鏈?zhǔn)骄幊?
    _$.method('addEvent',function () {}).method('setStyle',function () {});
    
  }
  
})( window ) //程序的入口 window傳入作用域中      

$.onReady(function () {
  
  $('#div')
  .addEvent('click',function () {
    
    console.log('點(diǎn)擊了');
    
  })
  .setStyle('background','pink')
  
});

'use strict';

delete Object.prototype; // error . 
// 刪除一個(gè)不可配置的屬性

var x = 22;

var evalX = eval("var x = 42; x");

console.log(x === 22);
console.log(evalX === 42);

var args = Array.prototype.slice.call(arguments)

var x = 7;
with (obj) { // 語(yǔ)法錯(cuò)誤
 // 如果沒(méi)有開(kāi)啟嚴(yán)格模式，with中的這個(gè)x會(huì)指向with上面的那個(gè)x，還是obj.x？
 // 如果不運(yùn)行代碼，我們無(wú)法知道，因此，這種代碼讓引擎無(wú)法進(jìn)行優(yōu)化，速度也就會(huì)變慢。
 x;
}