zoukankan      html  css  js  c++  java
  • javascript 保护变量不被随意修改------优雅的编程

    /*
    * 1.如果在renderTitle,renderContent里面,这样总数据谁都能修改,不安全
    * 改进
    * 1.规定一个专门修改数据的方法,如果想修改数据只能走这个方法
    *
    * action代表一个命令对象,就是一个普通的js对象,起码需要一个字段控制命令类型type,其他字段随意
    *
    * */
    const CHANGE_FONT_SILE='CHANGE_FONT_SILE';
    //设置一个闭包,把变量保护起来,通过返回值调用
    function createStore() {
        let appState={
            fontSize:'26px',
            title:{
                text:'标题',
                color:'red'
            },
            content:{
                text:'类容',
                color:'green'
            }
        }
        //保护变量被修改,深克隆
        let getState=()=>JSON.parse(JSON.stringify(appState));
        //改变变量的方法
        let dispatch=(action)=>{
            switch(action.type){
                case CHANGE_FONT_SILE:
                    appState.fontSize=action.fontSize;
                default:
                    return;
            }
        }
        //返回出去的修改和取值的接口
      return{
          getState,
          dispatch
      }
    }
    
    let store=createStore();
    //取值函数
    function renderTitle() {
        let titleEle = document.querySelector('#title');
    
        titleEle.innerHTML = store.getState().title.text;
        titleEle.style.color = store.getState().title.color;
        titleEle.style.fontSize = store.getState().fontSize;
    }
    function renderContent() {
        let titleEle=document.querySelector("#content");
        titleEle.innerHTML=store.getState().content.text;
        titleEle.style.color=store.getState().content.color;
        titleEle.style.fontSize=store.getState().fontSize;
    }
    function renderApp() {
        renderTitle();
        renderContent()
    }
    //修改appState里面初始值,单独一个修改文件
    store.dispatch({type:CHANGE_FONT_SILE,fontSize:'30px'})
    renderApp();
  • 相关阅读:
    洛谷 P1767 家族_NOI导刊2010普及(10)
    洛谷 P2919 [USACO08NOV]守护农场Guarding the Farm
    COGS 1619. [HEOI2012]采花
    UVA 11181 Probability|Given
    hdu 3336 Count the string
    洛谷 P2176 [USACO14FEB]路障Roadblock
    洛谷 P2691 逃离
    BZOJ 1040: [ZJOI2008]骑士
    vijos 1320 清点人数
    POJ 3417 Network
  • 原文地址:https://www.cnblogs.com/null11/p/7600553.html
Copyright © 2011-2022 走看看