Java Script

这是一篇关于Java Script的思维导图

Java Script

Java Script入门

Java Script引入方式

嵌入式 嵌入式就是使用<script>标签包裹Java Script代码直接编写 到HTML文件中

外链式 <script src="js/test.js"></script>

行内式

常用输出语句

alert（） 用于弹出一个警告框，确保可以看到某些信息

console.log（） 用于浏览器的控制台中输出内容

document.write（） 用于在HTML文档页面输出内容

注释

单行注释“//” 多行注释“/* */”

数据与计算

输出结果 ture 成立 false 不成立

函数

prompt（）函数，弹出输入框，若取消显示null，若确认则显示输入的文本

对象

window对象 document对象 String对象 自定义对象

基本语法

变量

变量就是存储数据的容器，Javascript通常用Var 来声明变量 通过变量名获取数据，甚至数据可以修改

数据类型

基本数据类型

布尔型

Boolean，通常用于逻辑判断，只有ture和false两个值 表示事物的真和假

数值型

Number，最基本的数据类型

isNaN（x）用来判断一个变量是否为非数字的类型 返回ture（x不是数字） 或者false（x是数字）

字符型

Unicode字符、数字等组成的字符序列

通过字符串的length属性可以获取整个字符

字符串+任何类型=拼接之后的新字符串 数值相加，字符相连

空型

Null 声明了变量a为空值

如果一个变量声明未赋值，就是undefined 未定义数据类型 和数字相加最后的结果是NaN

数据类型转换：把一种数据类型 的变量转换成另外一种数据类型

转换为字符串

toString（）--alert(num.toString())

String（）强制转换--alert(String(num))

加号拼接字符串--alert(num+"我是字符串")

转换为数值型

parseInt(string)函数--将string类型转成整数数值型

parseFloat(string)函数--将string类型转成浮点数数值型

Number（）强制转换函数--将string类型转换为数值型

js隐式转换（-*/）--利用算术运算隐式转换为数值型 ’12‘-0

转换为布尔型

Boolean（函数）--其他类型转换成布尔值

表达式：各种类型的数据、 变量和运算符的集合

算术运算符

赋值运算符

比较运算符

正确 ture 错误false

逻辑运算符

&&与 || 或 ！非

三元运算符

位运算符

流程控制

选择结构

单分支语句

双分支语句

多分支语句

if...else if...else

switch（表达式）{ case值1：代码段1；break； ..... default：代码段n；}

循环结构

while循环

do while循环

for循环

数组

创建数组

使用Array对象创建数组

var 数组名=new Array（）； var arr=new Array（）；//创建一个新的空数组

使用”【】“创建数组

var 数组名=[ ]； var 数组名=[ '小白 '，’小黑‘]；

数组的基本操作

获取数组长度

arr.length 数组长度就是元素个数

newArr[newArr.length] 新增元素

遍历数组

依次访问所有元素的操作 for或for...in语句

for（variable in object）{...}

var arr=[’red‘，’green‘，’blue‘]； for （var i=0；i<3;i++）{ console.log(arr[i]);}

元素的添加与修改

通过数组名[下标]=值的方式添加数组元素， 允许下标不按照数字顺序连续添加

新增数组元素 修改length长度 var arr=['red','green','biue']; console.log(arr.length); arr.length=5;

删除元素

delete stu[1]; delete关键字只能删除数组中指定下标的元素值 删除元素后依然会占用一个空存储未知

数组排序

冒泡排序

插入排序

函数

函数的定义与调用

定义函数 function 函数名[参数1，参数2]{ //函数体....}

实参个数等于形参个数

输出正确结果

实参个数多于形参个数

只取到形参的个数

实参个数小于形参个数

多的形参定义为undefined 结果NaN

函数封装 把一个或者多个功能通过函数的方式封装起来 对外只提供一个简单的函数接口

函数声明 var 变量名=function（）{}; var fun=function(){};

arguments的使用

arguments对象中存储了传递的所有实参 实际是当前函数的内置对象

变量的作用域

全局变量

局部变量

DOM

对象

对象概述

对象是一个具体的事物 属性与方法组成

封装性

继承性

多态性

创建对象

利用字面量创建对象

花括号{ }里面包含了表达这个具体事物的属性和方法 var obj={ uname：'张三 ， age：18，};创建了一个空对象

调用对象的属性 对象名.属性名 console.log(obj.age); console.log(obj['age']); obj.sayHi();调用函数

子主题

js的变量数据类型是只有程序在运行过程中， 根据等号右边的值来确定的