Angular4 里读 cookie 的一个奇怪问题

[weiceshi]

在 NavigationStart 的时候读 cookie
下面这样是可以的

import { DOCUMENT } from '@angular/common';
export class AppComponent {
    constructor(
        private router: Router,
        @Inject(DOCUMENT) private document: any) {
        router.events.subscribe(event => {
            if (event instanceof NavigationStart) {
                this.onNavigationStart(event);
            }
        });
    }

    async onNavigationStart(event: NavigationStart) {
        if (this.document.cookie) {
            console.log(this.document.cookie.indexOf(`${localcommon.Utils.CookieTokenKey}=`));
        }
    }
}

但是如果没有判断，就会报错 TypeError: Cannot read property 'indexOf' of undefined

 async onNavigationStart(event: NavigationStart) {
        console.log(this.document.cookie.indexOf(`${localcommon.Utils.CookieTokenKey}=`));
    }

请教一下这是什么原因呢？

[HuJian201]

this.document.cookie 没有值的时候是 null 吧，当然没有 indexOf

[weiceshi]

@HuJian201
为什么判断一下就不为空了呢？

[weiceshi]

@HuJian201
我就是不太明白这个问题
直接 call 就是空
call 直接用 if 判断一下就不是空了

[jakes]

因为不为空才进入分支啊。。。

[HuJian201]

@weiceshi 因为 if(null)是 false 下面不执行了呀

[weiceshi]

@HuJian201
嗯，可能是我主楼没有写明白
if (this.document.cookie) {
console.log(this.document.cookie.indexOf(`${localcommon.Utils.CookieTokenKey}=`));
}
这样写的话，控制台是可以打印出 cookie 内容的，意思就是判断结果不为空

但是如果不用 if 判断，就报错
console.log(this.document.cookie.indexOf(`${localcommon.Utils.CookieTokenKey}=`));

[weiceshi]

@jakes
@HuJian201

嗯，是我主楼没有写明白，判断结果是不为空，并且成功打印出了内容

[HuJian201]

@weiceshi console.log(typeof this.document.cookie);不加 if 打印出类型看看就知道了。

[nannanziyu]

@HuJian201
string

[HuJian201]

@nannanziyu 要不放一个在线 demo 看看？

[weiceshi]

@HuJian201
我用 stackblitz 建了一个，重现不了，哎
https://stackblitz.com/edit/angular4-2thuqn


可是本地却是必现，不知道为什么