RN4_JS(react native 学习)
2017-02-03 11:46
330 查看
RN4_JS
简介
JavaScript web 开发人员必须学习的 3门语言中的一门:1. HTML 定义了网页的内容
2. CSS 描述了网页的布局
3. JavaScript 网页的行为
JavaScript是互联网上最流行的脚本语言。
引入方法:
您可以在 HTML 文档中放入不限数量的脚本。放置位置:
HTML 中的脚本必须位于<script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。或者我们可以通过引入外部 JavaScript 文件的文件扩展名是.js。
<h1>我的 Web 页面</h1>
<pid="demo">一个段落。</p>
<buttontype="button" onclick="myFunction()">点击这里</button>
<p><b>注释:</b>myFunction保存在名为 "myScript.js" 的外部文件中。</p>
<scriptsrc="myScript.js"></script>
语法:
输出
常用方法
JavaScript 可以通过不同的方式来输出数据:l 使用 window.alert() 弹出警告框。
l 使用 document.write() 方法将内容写到
HTML 文档中。
l 使用 innerHTML 写入到 HTML
元素。
l 使用 console.log() 写入到浏览器的控制台。
window.alert()
<h1>我的第一个页面</h1><p>我的第一个段落。</p>
<script>
window.alert(5 + 6);
</script>
操作 HTML 元素
访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法,"id" 属性来标识 HTML 元素。<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML= "段落已修改。";
</script>
document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码。
innerHTML = "段落已修改。" 是用于修改元素的
HTML 内容(innerHTML)的 JavaScript 代码。
写到 HTML 文档
<h1>我的第一个 Web 页面</h1><p>我的第一个段落。</p>
<script>
document.write(Date());
</script>
注意:如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.write(Date());
}
写到控制台
<script>a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
数据类型
全局与局部变量
局部变量:内部声明的变量(使用var)是局部变量,所以只能在函数内部访问它。全局变量:函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
生存期:
局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。作用域:
局部变量:只能在函数内部访问。全局变量: 网页中所有脚本和函数均可使用。
字面量(常量)
数字(Number)字面量
3.14 ,1001字符串(String)字面量
"JohnDoe",'John Doe'表达式字面量
5 + 6数组(Array)字面量
[40, 100, 1, 5,25, 10]对象(Object)字面量
{firstName:"John",lastName:"Doe", age:50, eyeColor:"blue"}函数(Function)字面量
function myFunction(a,b) { return a * b;}变量
使用关键字 var 来定义变量, 使用等号来为变量赋值:var x, length
x = 5
length = 6
未使用值来声明的变量,其值实际上是undefined。
数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。对象
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:var person={
firstname : "John",
lastname : "Doe",
id : 5566
};
两种寻址方式:
name=person.lastname;
name=person["lastname"];
Undefined 和 Null
Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
操作符
不赘述关键字
关键字必须以字母、下划线(_)或美元符($)开始。数据类型
JavaScript 有多种数据类型:数字,字符串,数组,对象等等:var length =16; // Number 通过数字字面量赋值
var points = x *10; // Number 通过表达式字面量赋值
var lastName ="Johnson"; // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo","BMW"]; // Array 通过数组字面量赋值
var person = {firstName:"John",lastName:"Doe"}; // Object 通过对象字面量赋值
字符集格式
使用 Unicode字符集。Unicode 覆盖了所有的字符,包含标点等字符
字符串:
字符串表达
var x ="John";var y = new String("John");
typeof x // 返回 String
typeof y // 返回 Object
(x === y) // 结果为 false,因为是字符串,y 是对象
字符串方法
语句
代码块
代码块以左花括号开始,以右花括号结束。代码块的作用是一并地执行语句序列。
本例向网页输出一个标题和两个段落:
functionmyFunction()
{
document.getElementById("demo").innerHTML="你好Dolly";document.getElementById("myDIV").innerHTML="你最近怎么样?";
}
语句标识符
条件语句:
l if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码l if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
l if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
l switch 语句 - 使用该语句来选择多个代码块之一来执行
循环语句
l for - 循环代码块一定的次数l for/in - 循环遍历对象的属性
l while - 当指定的条件为 true 时循环指定的代码块
l do/while - 同样当指定的条件为true 时循环指定的代码块
varperson={fname:"John",lname:"Doe",age:25};
for(xinperson)
{txt=txt +person[x];}
Typeof
typeof "John" //返回 stringtypeof 3.14 //返回 number
typeof false //返回 boolean
typeof [1,2,3,4] //返回
object
typeof {name:'John', age:34} //返回 object
用 typeof 检测 null 返回是object。
var person = undefined; //值为 undefined,类型为 undefined
typeof person
// undefined
函数
由事件驱动的或者当它被调用时执行的可重复使用的代码块。function functionname()
{
执行代码
}
带有返回值的函数
functionmyFunction(a,b){returna*b;}直接给return就好了,都不用定义其他什么。
document.getElementById("demo").innerHTML=myFunction(4,3);
事件
HTML 事件是发生在 HTML 元素上的事情。当在HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。HTML 事件
l HTML 页面完成加载l HTML input 字段改变时
l HTML 按钮被点击
HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。
单引号:
<some-HTML-element some-event='some JavaScript'>
双引号:
<some-HTML-element some-event="some JavaScript">
Eg:
<buttononclick='getElementById("demo").innerHTML=Date()'>现在的时间是??</button>
常用事件:
HTML 事件属性可以直接执行 JavaScript代码。
HTML 事件属性可以调用 JavaScript 函数。
你可以为 HTML 元素指定自己的事件处理程序。
你可以阻止事件的发生。
错误捕获
try 和 catch
try 语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。
Throw
throw exception相关文章推荐
- 详解HDFS Short Circuit Local Reads
- SQL Server Native Client下载 SQL Server Native Client安装方法
- Android实现H5与Native交互的两种方式
- 超级给力的JavaScript的React框架入门教程
- JavaScript的React框架中的JSX语法学习入门教程
- 由ReactJS的Hello world说开来
- 利用React-router+Webpack快速构建react程序
- 深入探讨前端框架react
- React实现点击删除列表中对应项
- React快速入门教程
- 实现React单页应用的方法详解
- 浅谈React 属性和状态的一些总结
- 详解Java中native关键字
- 深入浅析react native es6语法
- React Native自定义标题栏组件的实现方法
- Vue.js 2.0 和 React、Augular等其他前端框架大比拼
- 微信支付开发动态链接Native支付
- React组件的三种写法总结