在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ JavaScript 環(huán)境
JavaScript 環(huán)境
計時器
Native 模塊(iOS)
入門
在設(shè)備上運(yùn)行
ProgressBarAndroid
iOS 應(yīng)用程序狀態(tài)
網(wǎng)絡(luò)
ToolbarAndroid
測試
輔助功能
網(wǎng)絡(luò)信息
DrawerLayoutAndroid
樣式表
手勢應(yīng)答系統(tǒng)
與現(xiàn)有的應(yīng)用程序集成
樣式
教程
不透明觸摸
調(diào)試 React Native 應(yīng)用
iOS 活動指示器
導(dǎo)航器
無反饋觸摸
動畫布局
Web 視圖
鏈接庫
像素比率
React Native 官網(wǎng)首頁介紹
iOS 導(dǎo)航器
交互管理器
全景響應(yīng)器
SwitchAndroid
TabBarIOS.Item
相機(jī)滾動
ToastAndroid
iOS 震動
BackAndroid
文本輸入
iOS 選擇器
應(yīng)用程序注冊表
iOS 開關(guān)
滾動視圖
iOS 日期選擇器
iOS 警告
iOS 鏈接
視圖
圖片
列表視圖
異步存儲
Native UI 組件(Android)
iOS 滑塊
Map 視圖
高亮觸摸
iOS 推送通知
文本
定位
iOS 狀態(tài)欄
Native UI 組件(iOS)
在設(shè)備上運(yùn)行(Android)
Native 模塊(Android)
Flexbox
已知 Issues
iOS 選項卡
安裝 Android 運(yùn)行環(huán)境

JavaScript 環(huán)境

JavaScript 運(yùn)行時間

當(dāng)使用 React Native 時,你將會在兩個環(huán)境中運(yùn)行 JavaScript 代碼:

  • 在模擬器和電話中:[JavaScriptCore]( http://trac.webkit.org/wiki/JavaScriptCore) 是 JavaScript 的引擎,能夠驅(qū)動 Safari 和 web 視圖。由于在 iOS 應(yīng)用程序中沒有可寫的可執(zhí)行的內(nèi)存,它不用 JIT 運(yùn)行。
  • 使用 Chrome 調(diào)試時,它在 Chrome 本身中運(yùn)行所有 JavaScript 代碼,并且通過 WebSocket 與 Objective-C 交互。所以你正在使用 [V8]( https://code.google.com/p/v8/)。

雖然兩個環(huán)境很相似,但是你可能會以觸及一些矛盾而結(jié)束。將來我們很可能去嘗試其他 JS 引擎,所以最好避免依賴任何運(yùn)行時的細(xì)節(jié)。

JavaScript 轉(zhuǎn)換

React Native 附帶許多 JavaScript 轉(zhuǎn)換,使編寫代碼更愉快。如果你好奇的話,你可以查看[所有這些轉(zhuǎn)換的實現(xiàn)]( https://github.com/facebook/jstransform/tree/master/visitors)。這是完整的列表

ES5

  • 關(guān)鍵字:promise.catch(function() { });

ES6

  • 箭頭函數(shù):<C onPress={() => this.setState({pressed: true})}
  • 調(diào)用傳播:Math.max(...array);
  • 類:class C extends React.Component { render() { return <View />; } }
  • 解構(gòu):var {isActive, style} = this.props;
  • 迭代:for (var element of array) { }
  • 計算屬性:var key = 'abc'; var obj = {[key]: 10};
  • 對象 Consise 方法:var obj = { method() { return 10; } };
  • 對象 short 表示法:var name = 'vjeux'; var obj = { name };
  • 其他參數(shù):function(type, ...args) { }
  • 模板: var who = 'world'; var str = 'Hello ${who}';

ES7

  • 對象傳播:var extended = { ...obj, a: 10 };
  • Trailing Comma 函數(shù):function f(a, b, c,) { }
上一篇:滾動視圖