1. 程式人生 > >RN全域性的變數,方法,全域性類,全域性類方法

RN全域性的變數,方法,全域性類,全域性類方法

為了方便學習,很簡單的小Demo,不懂可以下方留言,百分百原創,相互學習,相互進步

全域性的方法

建立一個js檔案,命名OvallAll

//全域性的方法
//這裡export default 只能輸出一次,多了會報錯
export default function doorsteps(a,b) {
    return a*1.0/b;
}

 全域性的變數以及全域性類

建立一個js檔案,命名define

// 全域性的變數
export const Define = {
    name: 'lpp',
    age: 18
}
//全域性的方法
export default class DefineClass {
    //靜態方法
    static sub(a, b) {
        return a - b;
    }
    mult(a,b){
        return a * b;
    }
}

 使用

import DefineClass,{Define} from './define'
import doorsteps from './OvallAll'
export default class MyApp extends Component {

    constructor(props){
        super(props)
        this.state={
            name:Define.name,
            mult:0,
            sub:0,
            door:0
        }
    }

    click() {
        Define.name='wq'
       this.setState({name:Define.name})
    }
    click1(){
       var mult = new DefineClass().mult(3,6)
        this.setState({mult:mult})
    }
    click2(){
        var sub =DefineClass.sub(3,6)
        this.setState({sub:sub})
    }
    click3(){
        var door =doorsteps(3,6)
        this.setState({door:door})
    }


    render() {
        return (

            <View style={styles.wrapper}>
                <TouchableOpacity onPress={()=>this.click()}>
                    <Text>
                        全域性的變數:{this.state.name}
                    </Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={()=>this.click1()}>
                    <Text>
                       全域性的類方法{this.state.mult}
                    </Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={()=>this.click2()}>
                    <Text>
                        全域性的靜態類方法{this.state.sub}
                    </Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={()=>this.click3()}>
                    <Text>
                        全域性的方法{this.state.door}
                    </Text>
                </TouchableOpacity>

            </View>
        )
    }
}

 樣式的程式碼只能不用貼上了