1. 程式人生 > >ionic3 全域性變數的定義方法

ionic3 全域性變數的定義方法

在程式設計中少不了會使用到全域性變數,今天談到的是ionic3和angular4配合使用搭建app時用到的全域性變數的方式,具體的搭建方法如下:

1)直接在app中新建一個config.ts檔案   

2)在需要使用全域性變數的元件中這樣引用

import {AppConfig} from "../../app/app.config”;

在元件中的使用方式:AppConfig.xx;也可以用來改變某一值。

 console.log(AppConfig.loginState);

當然這種方式也是有弊端的,本人最初是拿著這個例子來寫登入註冊頁面,但是發現,全域性變數在頁面沒有重新整理重新載入時,一切都是按照最初設計的方式的執行,但是一旦頁面被重新整理,全域性變數就恢復預設值,不具有儲存的作用,故本案例只是講述怎樣去在這個框架中結合全域性變數來開發,而不是推薦用這種方法來實現變數儲存之類的,

若需要具有儲存功能的方法,則可以使用localStorage來儲存,其相關用法如下:

    (1)儲存:localStorage.setItem(key,value); 如果key存在時,更新value

    (2)獲取:localStorage.getItem(key);  如果key不存在返回null

    (3)刪除:localStorage.removeItem(key); 一旦刪除,key對應的資料將會全部刪除

    (4) 全部清除:localStorage.clear(); 會清除所有localStorage物件儲存的資料,銷燬所有資料