/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React,{ Component } from 'react';
import {AppRegistry, Text } from 'react-native';
export default class test extends Component {
render(){//所哟的类必须有自己的reder方法,用于输入组件,return里面必须返回一个组件
let a = 10;
var b = 20;
for (let i=0;i<10;i++){
let i=30;
console.log('for i ='+i);
}
const foo = {};
foo.prop = 123;
console.log('foo.prop = '+foo.prop);
//数组
var arr = new Array();//声明数组方式一
arr[1] = 1;//添加数据
console.log('arr ='+arr);//arr= ,1
var arr1 = new Array(1,3,4);//声明数组方式二
console.log('arr1 ='+arr1);//arr1=1,3,4
var array = [1,true,2,'abc'];//声明数组方式三
array[4] = 34;//数组添加数据
array[1] = 54;//数组改变数据
console.log('array ='+array);//array=1,54,2,abc,34
array.splice(1,2);//移除数据,1为开始位置,2为移除的个数
console.log('array移除后 ='+array);//array=1,abc,34
console.log('aaaa'+array.pop());//移除最后一个数据,并返回最后一个数据的值(就是移除的值)34
console.log('bbbb'+array.shift());//移除第一个数据,并返回第一个数据的值(就是移除的值)1
array.push('ee','ff','gg','hh','jj');//数组添加多个数据
console.log('cccc'+array.slice(0,3));//返回0-3的数据(以数组的格式)abc,ee,ff
console.log('ddddd'+array.concat(array,'hello'));//合并(数组+数组、数组+字符串)返回新的数组abc,ee,ff,gg,hh,jj,abc,ee,ff,gg,hh,jj,hello
array = array.join('-');//使用'-'将数组中的元素隔开组成一个字符串,返回一个数组
console.log('join===='+array);//array=abc-ee-ff-gg-hh-jj
//字符串
let string = 'hello';
console.log(string.charAt(2));//返回字符串给定位置的字符 l
console.log(string.big());//字体变大
console.log(string.small());//字体变小
console.log(string.bold());//字体加粗
console.log(string.italics());//字体为斜体
console.log(string.fixed());//
console.log(string.strike());//中间删除线
console.log(string.fontcolor('red'));//字体为红色
console.log(string.fontsize(23));//字体大小
console.log(string.toLowerCase());//小写
console.log(string.toUpperCase());//大写
console.log(string.link('this is a link'));//添加超链接
console.log('llo第一次出现的位置'+string.indexOf('llo'));//返回第一次出现的位置2
console.log('字符串是否包含llo===='+string.match('llo'));//包含则返回llo llo
console.log('替换字符串llo==='+string.replace(/llo/,'llo world'));//注意replace里面参数的写法 hello world
//日期
var date = new Date();
console.log(date);//以当前时间为初始值
console.log('返回当前周几'+date.getDay())//周日、周一、周二、周三、周四、周五、周六 2
date.setFullYear(2008,8,8);//设置给定的日期
console.log('设置固定的日期'+date);//Mon Sep 08 2008 17:17:19 GMT+0800 (CST)
date.setDate(date.getDate()+5);//date.getDate()得到当前日期,date.getDate()+5是指5天后的日期,date.setDate设置日期
console.log('几天后的日期'+date);//Sat Sep 13 2008 17:17:35 GMT+0800 (CST)
console.log('返回时间戳'+date.getTime());//1221297465891
//switch
let number = 10;
switch (number){
case 2:{
console.log('number is 2');
}
break;
case 4:{
console.log('number is 4');
}
break;
case 6:{
console.log('number is 6');
}
break;
default:{
console.log('number is 10');//number is 10
}
}
//while,先判断再执行
let w = 1;
while (w <10){
w++;
}
console.log('w经过white处理结果为'+w);//10
//do white,先执行一次,在判断,再执行
let dw = 0;
do{
dw++;
}while (dw < 20)
console.log('dw do-while后结果为 '+dw);//20
//break 语句可用于跳出循环。
//break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话)
//continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。
for (let i = 0;i <5; i++){
if (i == 2)
break;//跳出循环
console.log(i);//0,1
}
for (let i = 0;i <5; i++){
if (i == 2)
continue;//跳过当前判断,继续循环
console.log(i);//0,1,2,3,4
}
//try catch
try {
}catch (err){
}
return(
<Text>Hello World</Text>
);
}
}
AppRegistry.registerComponent('test' ,() => test);//第一个test是项目名字,后面的test是当前方法的名字(需要运行的方法)
React Native-JS语法简单了解
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- -------对React Native的简单了解+环境配置的注意事项------- 开发者可以灵活的使用HTML...
- /node_modules/babel-preset-react-native/index.js 初始化完项目,本...
- Bundling index.ios.js [development, non-minified, hmr dis...