function Foo() {
    getName = function () { console.log(1); };
    return this;
}
Foo.getName = function () { console.log(2);};
Foo.prototype.getName = function () { console.log(3);};
var getName = function () { console.log(4);};
function getName() { console.log(5);}

Foo.getName();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo().getName();
new new Foo().getName();

• 同名变量申明和函数申明，函数申明优先级高，被先提升，因此后面的变量申明覆盖了函数申明
• 点（.）的优先级高于new，括号优先级高于new，附：运算符优先级

"0" == false
false == []
0 == []

null == undefined
null == 0 
null >= 0
null <= 0

解释请参考《JavaScript 类型转换》

foo();

var foo;

function foo() {
    console.log(1);
}

foo = function() {
    console.log(2);
}

function foo(){
    console.log(3);
}

foo();

• 函数声明和变量声明都会被提升。出现同名时，函数会首先被提升，然后才是变量。
• 后面的同名函数声明覆盖前面同名的函数。上面的代码引擎会理解为如下形式：

function foo() {
    console.log(1);
}

function foo(){
    console.log(3);
}

foo();

var foo;

foo = function() {
    console.log(2);
}

foo();

function foo(obj) {
  obj.p = "1"
  obj = new Object()
  obj.p = "2"
} 
var o  = new Object();
foo(o);
console.log(o.p);

// o 的引用地址的值给了 obj，即 obj 实际是指向了 o 的内存地址
function foo(obj) {
  obj.p = "1"
    // obj 指向了新的地址，以后的变动和旧地址无关了
  obj = new Object()
  obj.p = "2"
} 
var o  = new Object();
foo(o);
console.log(o.p);

tinywell 的拾沙馆

https://tinywell.com/

https://github.com/tinywell

公众号：发光的沙

数字增加千分符

function addThousandSeparator(num) {
    return num.toString().replace(/^(-?)(\d+)(\.?\d*)$/, function(num, minus, integer, decimal) {
        return minus + integer.replace(/\B(?=(\d{3})+(?!\d))/g, ',') + decimal
    })
}

• 点击一级导航默认跳转到二级导航的第一个（空子路由 + redirect）
• 点击任意二级导航一级导航处于选中状态

嵌套路由配置：

{
    path: '/a',
    component: '',
    children: [{
        path: '',
        redirect: '/a/b/c'
    }, {
        path: 'b/c',
        component: ''
    }]
}

vue-router 不同 path 指向同一个组件不刷新的问题

<router-view :key="$route.fullPath"></router-view>

免费可商用的图片素材库

https://www.pexels.com/
https://pixabay.com/zh/
https://unsplash.com/