geekaholiclin / fragment Goto Github PK

var enumerateDaysBetweenDates = function(startDate, endDate) {
    var dates = [];

    startDate = startDate.add(1, 'days');

    while(startDate.format('M/D/YYYY') !== endDate.format('M/D/YYYY')) {
      console.log(startDate.toDate());
      dates.push(startDate.toDate());
      startDate = startDate.add(1, 'days');
    }

    return dates;
  };
enumerateDaysBetweenDates( moment(new Date('1/1/2014')), moment(new Date('1/5/2014'));
//Thu Jan 02 2014 00:00:00 GMT-0800 (PST)
//Fri Jan 03 2014 00:00:00 GMT-0800 (PST)
//Sat Jan 04 2014 00:00:00 GMT-0800 (PST)
//[ Sun Jan 05 2014 00:00:00 GMT-0800 (PST),
 // Sun Jan 05 2014 00:00:00 GMT-0800 (PST),
  //Sun Jan 05 2014 00:00:00 GMT-0800 (PST) ]

var enumerateDaysBetweenDates = function(startDate, endDate) {
    var dates = [];

    var currDate = moment(startDate).startOf('day');
    var lastDate = moment(endDate).startOf('day');

    while(currDate.add(1, 'days').diff(lastDate) < 0) {
        console.log(currDate.toDate());
        dates.push(currDate.clone().toDate());
    }

    return dates;
};

var myRe = /ab*/g;
var str = 'abbcdefabh';
var myArray;
while ((myArray = myRe.exec(str)) !== null) {
  var msg = 'Found ' + myArray[0] + '. ';
  msg += 'Next match starts at ' + myRe.lastIndex;
  console.log(msg);
}

 <Route
              path="metadataManagement(/:tab)"
              component={MetadataManagement}
            />

import React from "react";
import { Tabs } from "antd";

import MetaEvent from "./metaEvent";
import UserProps from "./userProps";
const TabPane = Tabs.TabPane;
const tabsContentObjs = [
  {
    name: "元事件分析",
    key: "metaEvent",
    component: MetaEvent
  },
  {
    name: "用户属性",
    key: "userProps",
    component: UserProps
  }
];

export default props => {
  const hasParams = props.params.tab;
  const selectedTab = props.params.tab || tabsContentObjs[0].key;
  if (!hasParams) {
    props.router.replace("/analyse/metadataManagement/" + selectedTab);
  }
  const handleChange = function(key) {
    props.router.replace("/analyse/metadataManagement/" + key);
  };
  const TabPanes = tabsContentObjs.map(obj =>
    <TabPane tab={obj.name} key={obj.key} style={{ overflow: "hidden" }}>
      <obj.component />
    </TabPane>
  );
  return (
    <Tabs
      animated={{ inkBar: true, tabPane: false }}
      defaultActiveKey={selectedTab}
      onChange={handleChange}
      style={{ padding: "0 16px 16px" }}
    >
      {TabPanes}
    </Tabs>
  );
};

<Route
              path="metadataManagement(/:tab)"
              component={MetadataManagement}
              onEnter={(nextState, replace) => {
                !nextState.params.tab &&
                  replace("/analyse/metadataManagement/metaEvent");
              }}
            />

function foo(){
     var a = 'xxx';
     return function(){
          console.log(a);
    }
}

function foo(){
     var a = 'xxx';
     function bar(){
          console.log(a);
    }
    //return bar;
}

//多次调用返回函数不共享词法环境的例子
function newClosure(someNum, someRef) {
    // Local variables that end up within closure
    var num = someNum;
    var anArray = [1,2,3];
    var ref = someRef;
    return function(x) {
        num += x;
        anArray.push(num);
        console.log('num: ' + num +
            '; anArray: ' + anArray.toString() +
            '; ref.someVar: ' + ref.someVar + ';');
      }
}
obj = {someVar: 4};
fn1 = newClosure(4, obj);
fn2 = newClosure(5, obj);
fn1(1); // num: 5; anArray: 1,2,3,5; ref.someVar: 4;
fn2(1); // num: 6; anArray: 1,2,3,6; ref.someVar: 4;
obj.someVar++;
fn1(2); // num: 7; anArray: 1,2,3,5,7; ref.someVar: 5;
fn2(2); // num: 8; anArray: 1,2,3,6,8; ref.someVar: 5;

//多个函数共享单份词法作用域
var obj = {};
obj.handleClick = [];
(function clojure(){
  for(var i = 0;i<3;i++){
    obj.handleClick[i] = function(){console.log('click item '+i);}//匿名函数   |<---定义
    }
}());
obj.handleClick[0];//log "click item 3"
obj.handleClick[1];//log "click item 3"
obj.handleClick[2];//log "click item 3"

//第一类方法的方法一
var obj = {};
obj.handleClick = [];
(function clojure() {
  for (var i = 0; i < 3; i++) {
    obj.handleClick[i] = (function(j) {
      return function() {
        console.log('click item ' + j)
      }//新的匿名函数
    })(i); //匿名立即调用函数
  };
}());

//第一类方法的方法二
var obj = {};
obj.handleClick = [];
(function clojure() {
  for (var i = 0; i < 3; i++) {
    (function(j) {
      obj.handleClick[i] = function() {
        console.log('click item ' + j)
      }
    })(i); //匿名立即调用函数
  };
}());
obj.handleClick[0]();
obj.handleClick[1]();
obj.handleClick[2]();

//第二类方法的方法一
var obj = {};
obj.handleClick = [];
(function clojure() {
    for (let i = 0; i < 3; i++) {
      obj.handleClick[i] = function() {
        console.log('click item ' + i)
      }
    }
}());
obj.handleClick[0]();
obj.handleClick[1]();
obj.handleClick[2]();

'use strict';

var obj = {};
obj.handleClick = [];
(function clojure() {
  var _loop = function _loop(i) {
    obj.handleClick[i] = function () {
      console.log('click item ' + i);
    };
  };

  for (var i = 0; i < 3; i++) {
    _loop(i);
  }
})();
obj.handleClick[0]();
obj.handleClick[1]();
obj.handleClick[2]();

//第二类方法的方法二
var obj = {};
obj.handleClick = [];
(function clojure() {
    for (var i = 0; i < 3; i++) {
      let j = i;//在这里使用let
      obj.handleClick[j] = function() {
        console.log('click item ' + j)
      }
    }
}());
obj.handleClick[0]();
obj.handleClick[1]();
obj.handleClick[2]();

'use strict';
var obj = {};
obj.handleClick = [];
(function clojure() {
  var _loop = function _loop() {
    var j = i;
    obj.handleClick[j] = function () {
      console.log('click item ' + j);
    };
  };

  for (var i = 0; i < 3; i++) {
    _loop();
  }
})();
obj.handleClick[0]();
obj.handleClick[1]();
obj.handleClick[2]();

var myApp = angular.module('myApp',[]);
myApp.controller('DoubleController', ['$scope', function($scope) {
  $scope.double = function(value) { return value * 2; };
}]);

var example2 = new Vue({
  el: '#example-2',
  data: {
    name: 'Vue.js'
  },
  // 在 `methods` 对象中定义方法
  methods: {
    greet: function (event) {
      // `this` 在方法里指当前 Vue 实例
      alert('Hello ' + this.name + '!')
      // `event` 是原生 DOM 事件
      if (event) {
        alert(event.target.tagName)
      }
    }
  }
})
// 也可以用 JavaScript 直接调用方法
example2.greet() // -> 'Hello Vue.js!'

var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello',
    isActive: true,
    hasError: true,
    active: 'activeClass',
    error: 'error',
    styleObj:{
     fontSize: '30px',
     color: 'yellow'
    }
  },
  computed:{
   computedError(){
    return this.error+"-Class"
   }
}
});

function whois({displayName: displayName, fullName: {firstName: name}}){
  console.log(displayName + " is " + name);
}
var user = { 
  id: 42, 
  displayName: "jdoe",
  fullName: { 
      firstName: "John",
      lastName: "Doe"
  }
};
whois(user); // "jdoe is John"

function whois({displayName: displayName,fullName:fullName, fullName: {firstName: name}}){
   console.log(displayName + " is " + name+"fullName:",fullName);
}
var user = { 
  id: 42, 
  displayName: "jdoe",
  fullName: { 
      firstName: "John",
      lastName: "Doe"
  }
};
whois(user); 

var a = function b(){ }

var a = function b(){ console.log('function') }
a();// 'function'
b();//Error: b is not defined

var a = function (){ throw new Error() }
a();// 出错

出错信息如下：
Uncaught Error
    at a (<anonymous>:1:28)
    at <anonymous>:2:1
a @ VM233:1
(anonymous) @ VM233:2

var a = function b(){ throw new Error() }
a();// 出错

出错信息如下：
Uncaught Error
    at b (<anonymous>:1:29)
    at <anonymous>:2:1
b @ VM234:1
(anonymous) @ VM234:2

   //without `with`
  var name = person.name;
  var gender = person.gender;
  // with `with`
  with(person){
    var name = name; //会变量提升
    var gender = gender; //会变量提升
 }
  //ES6
  var {name, gender} = person;

function setName(person) {
  with(person) {
    name = 'name changed!';
  }
}

var name = 'global name';//可有可无

var p1 = {
  name: "p1's name"
};
var p2 = {
  height: 175
};

setName(p1);
console.log('p1.name:', p1.name); // 'p1.name: name changed!

setName(p2);
console.log('p2.name:', p2.name); // p2.name: undefined
console.log('window.name:', name); //window.name: name changed!

({
  x: 10,
  foo: function() {
    console.log('foo-->x', x);//undefined
    console.log('foo-->y', y);//undefined
    console.log('foo-->this.x', this.x);//10
    console.log('foo-->this.y', this.y);//undefined

    function bar() {
      console.log('bar-->x', x);//undefined
      console.log('bar-->y', y);//30
      console.log('bar-->this.x', this.x);//20
      console.log('bar-->this.y', this.y);//undefined
    }
    with(this) {
      console.log('with-->this:before',this);//{x:10,foo:f}
      var x = 20;
      var y = 30;
      console.log('with-->this:after',this);//{x:20,foo:f}
      console.log('with-->x', x);//20
      console.log('with-->y', y);//30
      console.log('with-->this.x', this.x);//20
      console.log('with-->this.y', this.y);//undefined
      bar.call(this);
    }
  }
}).foo();

({
  x: 10,
  foo: function() {
    var x;//初始最外层x
    var y;//初始最外层y
    console.log('foo-->x', x);//undefined，最外层只初始化
    console.log('foo-->y', y);//undefined，最外层只初始化
    console.log('foo-->this.x', this.x);//10，this.x初始值
    console.log('foo-->this.y', this.y);//undefined，this.y并不存在
    function bar() {
      console.log('bar-->x', x);//undefined，在这里并没有with，所以获取的最外层x
      console.log('bar-->y', y);//30，获取的最外层y
      console.log('bar-->this.x', this.x);//20，不解释
      console.log('bar-->this.y', this.y);//undefined，this.y并不存在
    }
    with(this) {
      console.log('with-->this:before',this);//{x:10,foo:f}
      x = 20;//this.x存在，更改，改变的是this.x
      y = 30;//this.y不存在，不会新增，改变的是最外层y
      //要牢记，在with中如果捕获的对象有对应的属性，永远是优先获取该对象的。
      console.log('with-->this:after',this);//{x:20,foo:f}，更改成功
      console.log('with-->x', x);//20，获取的仍然是this.x，因为在with中this优先级高于外面的x
      console.log('with-->y', y);//30，this.y并没有，获取最外层的y
      console.log('with-->this.x', this.x);//20，不解释
      console.log('with-->this.y', this.y);//undefined，this.y并不存在
      bar.call(this);
    }
  }
}).foo();

String.fromCharCode(num1[, ...[, numN]])
String.fromCodePoint(num1[, ...[, numN]])

console.log(String.fromCodePoint(0x1D306, 0x61, 0x1D307)); //𝌆a𝌇
console.log(String.fromCharCode(0x1D306, 0x61, 0x1D307)); //팆a팇

var str = 'The morning is upon us.';
console.log(str.slice(-3));      //  'us.'
console.log(str.slice(-3, -1)); //  'us'
console.log(str.slice(-1,-3)); //   '' [because end is in the  left of start]
console.log(str.slice(-999)); // 'The morning is upon us.'
console.log(str.slice(-1,3)); //'' [because end is in the  left of start]
console.log(str.slice(1,-3)); // 'he morning is upon '

console.log(str.substr(-3));   // 'us.'
console.log(str.substr(-3,-1-(-3))); // 'us'
console.log(str.substr(-1,-1)); // '' [because strLength is negative]
console.log(str.substr(-999)); //'The morning is upon us.'

console.log(str.substring(-3)); //'The morning is upon us.'
console.log(str.substring(-3,-1)); // ''
console.log(str.substring(-1,-3)); // ''
console.log(str.substring(-999))//'The morning is upon us.'
console.log(str.substring(-1,3)); //'The' [equals to str.substring(0,3)]
console.log(str.substring(1,-3)); // 'T' [equals to str.substring(0,1).Firstly,change negative value to zero,and swap the value satisfying that the startIndex smaller than the endIndex]

function findGitWin32(): Promise<IGit> {
	return findSystemGitWin32(process.env['ProgramW6432'])
		.then(void 0, () => findSystemGitWin32(process.env['ProgramFiles(x86)']))
		.then(void 0, () => findSystemGitWin32(process.env['ProgramFiles']))
		.then(void 0, () => findSpecificGit('git'));
}

Vue.component('c-first',{
 template: '<div>c-first用在了字符串模板中！</div>'
});
new Vue({
  el: '#app',
  data: {
    htmlStr: '<cFirst>c-first的使用算字符串模板</cFirst>'
  }
})

Vue.component('c-first',{
 template: '<div><slot></slot></div>'
});
Vue.component('c-second',{
 template: '<cFirst>cFirst的使用**不算**字符串模板，提示未定义该cFirst组件，应使用c-first</cFirst>'
}); 

function a(){eval('debugger;var b = 2;console.log(b)')}a();

//栗子来自@三生石上
var foo = 1;
 function test() {
        var foo = 2;
       var bar = eval;
        bar('foo = 3');//本来我是可以确切地知道全局中的foo是为1的，然而你在这里给我改了？！(非直接调用)
        return foo;
 }
foo;//1
test(); // 2
 foo; // 3

//和上面一个例子形成对照
var foo = 1;
function test() {
        var foo = 2;
        eval('foo = 3');
        return foo;
 }
foo; //1
test(); // 3
foo; // 1

(function(){
  var fakeClick = function(){
    console.log('fakeClick!')
  };
  setTimeout('fakeClick',1000);
})()
//outputs: Uncaught ReferenceError: fakeClick is not defined

var data = '{"name":"geekaholic"}';
eval('('+data+')');//正常
JSON.parse(data);//正常
var data = '{"name":"\u2028"}';
eval('('+data+')');//出错，Invalid or unexpected token
JSON.parse(data);//正常，{name: "
"}