L4-JavaScript基础知识

JavaScript组成

　　ECMAScript：解释器，翻译。它是JavaScript的核心

　　DOM：Document Object Model   操作HTML的能力

　　BOM：Browser Object Model 操作window的能力

变量类型

　　类型：typeof运算符

　　　　用法：返回值

　　　　常见类型：number、string、boolean、undefined、object、function

数据类型转换

　　parseInt：字符串 ==（^{转正整数）}》数字

　　parseFloat：处理小数

　　isNaN：判断是否是非数字

运用：例子求和（计算两文本框的和）

<input type = "text" id = "txt1"/>

<input type = "text" id = "txt2"/>

<input type = "button" id = "btn1" value = "求和"/>

js

window.onload = function(){

var oTxt1 = document.getElementById("txt1");

var oTxt2 = document.getElementById("txt2");

var oBtn = document.getElementById("btn1");

oBtn.onclick = function(){

　　var num1 = parseInt(oTxt1.value);

　　var num2 = parseInt(oTxt2.value);

　　if(isNaN(num1){

　　　　alert("the first value is not a number");

　　}

　　else if(isNaN(num2)){　　

　　　　　　alert("the second value is not a number");

　　　　}

　　　　else{

　　　　　　return num1 + num2;

　　　　}

}

　　显示类型转换（强制类型转换）

　　　　parseInt（）、parseFloat（）

　　隐式类型转换

　　　　== 、===、减法

变量的作用域和闭包

　　变量作用域（作用范围）

　　　　局部变量、全局变量

　　什么是闭包

　　　　子函数可以使用父函数中的局部变量（初步理解）

function father(){　　//　　父函数

　　var a = 12;

　　function children(){　　//　子函数

　　　　alert('a');

　　}

　　children();

}

father();　　//　　12

运算符

　　算术：加、减、乘、除、求模（%）

　　赋值：=、+=、-=、/=、%=

　　关系：>、<、！=

　　逻辑：&&与、||或、！否

运算符优先级：括号

例子：

　　求模的应用：隔行变色（循环、判断）、秒转时钟（秒/60：分 秒%60：秒）

　　逻辑的应用：全选与反选

程序流程控制

　　判断：if 、 switch、 ？ ： （三元运算符）

　　循环：for、 while 、 

　　跳出：break、continue

switch（变量）{

　　case 值1：

　　　　语句

　　　　break

case 值2：

　　　　语句

　　　　break

........

default:

　　　　语句

　　　　break

}

例子：根据性别的问候

 

Json

　　什么是json？

　　　　它是一种轻量级的数据交换格式，基于ECMAScript的一个子集。

　　　　JSON 数据的书写格式是：名称/值对。

　　JSON[1]  结构有两种结构[2] 

 

json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构。

 

1、对象：对象在js中表示为“{}”括起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为 对象.key 获取属

 

性值，这个属性值的类型可以是 数字、字符串、数组、对象几种。

 

2、数组：数组在js中是中括号“[]”括起来的内容，数据结构为 ["java","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是 数字、字符串、数组、对象几种。

 

经过对象、数组2种结构就可以组合成复杂的数据结构了。