RN4_JS(react native 学习)

来源：互联网发布：芜湖炎黄网络编辑：程序博客网时间：2024/06/11 22:55

RN4_JS

简介

JavaScript web 开发人员必须学习的 3门语言中的一门：

1. HTML 定义了网页的内容

2. CSS 描述了网页的布局

3. JavaScript 网页的行为

JavaScript是互联网上最流行的脚本语言。

引入方法：

您可以在 HTML 文档中放入不限数量的脚本。

放置位置：

HTML 中的脚本必须位于<script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

或者我们可以通过引入外部 JavaScript 文件的文件扩展名是.js。

<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());
}

写到控制台

数据类型

全局与局部变量

局部变量：内部声明的变量（使用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"                //返回 string
typeof 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

0 0