JS基础知识点js基础:变量，数据类型（基本和引用），数据类型转换选择结构,循环结构

          JS基础知识点js基础:变量，数据类型（基本和引用），数据类型转换选择结构,循环结构        

---

基本数据类型（按值访问）：Undefined 、 Null 、 Boolean 、 Number 和 String

引用数据类型（按引用访问）：object、Array、function

typeof（检测基本数据类型时 typeof 是非常得力的助手）可以返回以下6种类型：undefined  、 boolean 、 number 、string、object（对象和null都是object类型）、function

instanceof（用于检测引用类型）：所有引用类型的值都是 Object 的实例，person（引用类型值） instanceof Object永远都是true。

要知道是什么类型的对象，使用instanceof 操作符接上想要判断的类型，例如colors instanceof Array。

基本数据类型复制：复制的是该变量的副本，这两个变量可以参与任何操作而不会相互影响

引用数据类型复制：复制的是该变量的指针，该指针指向存储在堆中的一个对象。复制操作结束后，两个变量实际上将引用同一个对象。因此，改变其中一个变量，就会影响另一 个变量

传参：基本类型和引用类型全部是按值传递，相当于把参数复制一份给到function的局部变量

为了便于操作基本类型值，ECMAScript 还提供了 3 个特殊的引用类型： Boolean 、 Number 和

String 。

Number 类型重写了 valueOf() 、 toLocaleString() 和 toString()方法。除了继承的方法之外， Number 类型还提供了一些用于将数值格式化为字符串的方法。 toFixed() 方法会按照指定的小数位返回数值的字符串表示。

String 对象的方法也可以在所有基本的字符串值中访问到。其中，继承的 valueOf() 、 toLocale-String() 和 toString() 方法，都返回对象所表示的基本字符串值。String 类型的每个实例都有一个 length 属性。

字符方法：两个用于访问字符串中特定字符的方法是： charAt() 和 charCodeAt() 。

var stringValue = "hello world";

alert(stringValue.charAt(1)); //"e"

alert(stringValue.charCodeAt(1)); // 输出"101"，小写字母 "e" 的字符编码

字符串操作方法

1、concat:拼接字符串，可接收任意多字符串，不改变原字符串值，虽然 concat() 是专门用来拼接字符串的方法，但实践中使用更多的还是加号操作符（+）。

var stringValue = "hello ";

var result = stringValue.concat("world", "!");

alert(result); //"hello world!"

alert(stringValue); //"hello"

2、三个基于子字符串创建新字符串的方法： slice() 、 substr() 和 substring() 。都接收1或2个参数。

slice() 、substring()在接收正数参数时，第一个参数是字符串截取的起始位置，第二个是字符串结束位置。

substr()在接收正数参数时，第一个参数同上，第二个参数是截取长度。

当第一个参数为负数的时候，slice()和substr()按照参数+字符串长度结果来截取；substring()将负参数转换为0；

当第二个参数为负数的时候，slice()按照参数+字符串长度结果来截取；substr()和substring()将负参数转换为0；

3、字符串位置方法：有两个可以从字符串中查找子字符串的方法： indexOf() 和 lastIndexOf()

4、trim()：删除字符串前后空格，不改变原字符串值

5、字符串大小写转换方法

字符串大小写转换的方法有 4 个： toLowerCase() 、 toLocaleLowerCase() 、 toUpperCase() 和toLocaleUpperCase() 。

6、字符串的模式匹配方法

match() 方法只接受一个参数，要么是一个正则表达式，要么是一个 RegExp 对象。返回数组。

search()参数同上。返回要查找的在字符串中第一次出现的位置。

字符串替换：var result = text.replace("at", "ond");

7、localeCompare() 方法

var stringValue = "yellow";

alert(stringValue.localeCompare("brick")); //1

在前面返回1，同样位置返回0，在后面返回-1

变量的声明和变量的初始化

1. 变量的声明:var 变量名;

变量的赋值:变量名=值;

2. 变量的初始化:var 变量名=值;

数据类型

1.简单类型和复杂类型:

简单类型: Number,String,Boolean,Undefined,Null

复杂类型:Object

2.数字类型:Number

字符串类型:String,在js中存储字符串的数据的值,可以使用单引号,也可以使用双引号,目前推荐大家用双引号(代码中的括号小括号,大括号,中括号,逗号,分号都是英文的)

布尔类型:Boolean,其他的语言中bool,布尔类型中的数据只有true(1)或者是false(0)

未定义:undefined--就是自己,当一个变量声明了没有初始化(没有赋值),就是undefined

如果变量的值是Undefined和数字计算,结果是NaN---不是一个数字

空:null,当一个变量使用后,不想再使用了,可以赋值为null---->释放内存内存空间

Object:对象

typeof关键字--->识别该变量的类型

1.typeof 变量名

2.typeof(变量名)

数字类型的范围

1.//获取数字类型的最大值

console.log(Number.MAX_VALUE);

2.//获取数字类型的最小值

console.log(Number.MIN_VALUE);

3.//isNaN--->不是一个数字,结果才是true,否则就是false

var num="我好开森哦";

console.log(isNaN(num));

字符串的长度和拼接

1.获取字符串的长度:变量名.length---->该字符串的长度

console.log(name.length);

2.字符串的拼接:使用+来进行拼接

console.log(name1+name2+name3);

数字类型转换

1.其他类型转数字类型---字符串转数字, 布尔转数字

1.parseInt(变量);---转成整数的方式

2.parseFloat(变量)----转小数的方式

3.Number(变量)---数字类型----如果转换失败了,则显示的是NaN

4.isNaN(值)--->如果不是一个数字则返回true,如果是一个数字则返回false

2.其他类型转字符串类型

1.变量.toString()---转字符串了

2.String(变量)----转字符串了

3.其他类型转布尔类型

Boolean(变量)---转布尔类型

操作符

算数运算符:+ - * / %(取余)---->一个数字和另一个数字相除之后的余数

算数运算表达式:是一个表达式,由算数运算符连接起来的表达式

关系运算符:> <>= <=>

逻辑运算符: &&--->逻辑与 || --->逻辑或 ! --->逻辑非

赋值运算符:=

赋值运算符中还有复合赋值运算符: += -= *= /= %=

一元运算符:(++变量 变量++)

如果++是在后面,参与运算的时候,先参与运算,然后运算完毕后再自身加1

如果++是在前面,先自身加1,参与运算

流程控制

1.顺序结构

2. 分支语句(5个):if , if-else , if-else if-else if -else if...else , swtich-case , 三元表达式

3.循环语句(5):while , do-while , for , break , continue

break关键字，continue关键字

1.break关键字---->关于循环的

在循环中如果遇到了break关键字,则立刻跳出当前所在的循环

2.continue关键字---->在循环中使用

在循环中遇到了continue--->立刻回到循环的条件的位置,继续下一次循环

数组

1.数组的作用:一次性可以存储多个数据，数组中存储的数据类型可以不一样

2.数组的遍历:就是一个一个的获取数组中的数据

3.数组的定义:

1.通过构造函数的方式创建数组

var 数组名=new Array();

2.通过构造函数的方式创建数组

var 数组名=new Array(长度);

3.字面量的方式定义数组

var 数组名=[];

函数

1.函数:把一些重复的代码封装起来,在需要的时候直接调用

2.函数的作用:代码的重用(代码的重复使用)

3.函数的定义:

函数定义的语法:

function 函数名(){

函数体

}

函数的调用:

函数名();

4. 函数名字符合驼峰命名法

5.函数的参数

函数的参数:函数在定义的时候,函数名后面的小括号中的变量，就叫参数

函数在调用的时候传入的变量或者是值,也叫参数;

函数定义的时候函数名后面的小括号里面的变量叫形参

函数调用的时候函数名后面的小括号里面的变量或者是值叫实参

6.函数的返回值

如果一个函数没有返回值(函数中没有return),也没有参数,这个函数可以叫:无参数无返回值的函数;

返回值的细节问题:

当需要返回多个数据的时候，可以先将这些数据都传入到数组中，最后返回一个数组即可。

在函数中,return下面的代码,不执行;

函数没有返回值,接收了返回来的结果,结果是undefined;

当一个变量声明了,没有赋值,结果是undefined;

当一个函数内部,有return,但是后面什么也没有,那么此时,这个函数也是没有返回值的,该函数没有明确的返回值;

当一个函数没有明确的返回值的时候,如果接收,结果就是undefined;

arguments伪数组

arguments是可以在函数内获取用户在调用函数的时候传入了几个参数,同时还可以获取每个传入参数的值

作用域

作用域:变量的使用范围

局部变量:在函数中定义的变量就是局部变量

全局变量:除了函数以外任意的地方定义的变量,都是全局变量

局部变量的使用范围:只能在函数中使用

全局变量的使用范围:在页面的任何位置都可以

代码块:在一对大括号中写的代码,变量在代码块声明,只能在代码块中使用,(暂且的) 在js中是没有块级作用域的

隐式的全局变量:声明变量,没有使用var

数据类型转换选择结构,循环结构        

1、数据类型转换

数据类型：number,string,boolean,null,undefined

var a = 123;

var b = "123";

var c = 1.23;

var result = b +56; 拼接

1.1、什么是数据类型转换

允许数据在各个类型之间灵活的转变

1.2、隐式转换

不需要认为参与，由程序自动完成

+

var a = true;

var b = 56;

var result = a + b; //57

1.3通过 typeof(参数) 函数帮助查看指定数据的类型

NaN : Not a Number 

isNaN() : 是不是一个数字

isNaN("abc") : true

isNaN(123) : false

2、强制数据类型转换

转换函数

1、toString()   其它类型转字符串  但是遇到null  undefind类型     报错 无法转换

String();    其它类型转字符串  都能转

面试题    String   vs   toString()

var a = 123;

a.toString();

var b = ""+a; //string

var c = a+""; //string

2、其他类型转number

1、parseInt(参数)   取整

碰到第一个非数字的字符，停止转换

如果第一个字符就是非数字的，结果为NaN

parseInt("123"); --> 123

parseInt("123ABC"); --> 123

parseInt("123.456"); -->123

parseInt("ABC123"); --> NaN

2、parseFloat(参数)  取小数

将字符串转换为小数"15.36854"--->15.36854

3、弹出一个输入框

var num = prompt("请输入xxxx",0);

var num = prompt("请输入xxxx",0);

2、函数

函数(function),也叫方法(method),或过程(procedure)

2.1、什么是函数

是一段被【预定义】好，并且可以被反复使用的代码块。

代码块：允许包含多条语句。

是一个独立的功能体。

console.log();

alert(); --> alert("弹出内容");

document.write();

parseInt(xxx);

parseFloat()

prompt()

2.2、定义函数

定义函数的过程：封装

1、语法

关键字：function

function 函数名(){

//多条语句

}

定义一个函数，功能为， 在控制台上打印输出 Hello World

3、调用函数

直接使用 函数名() 进行调用

1、任何一个位置处

2、通过HTML元素事件来调用

4、参数

语法：function 函数名(参数列表){

参数列表：用,隔开的多个变量名(参数名)

}

function zhaZhiJi(fruit){

console.log("传递过来的水果是:" + fruit);

}

1、分支结构

1、运算符 - 比较运算符

> , < , >= , <= , == , !=

>= : 3 >= 5 False

5 >= 5 True

== : 判断等于，判断两个操作数，是否相等，相等则为true，不等则为false

3 == 5 : False

3 == 3 : True

!= : 3 != 5 : True

"a" != "a" :False

以上运算符的返回值 全部为 boolean 类型

3、程序的流程控制

程序=数据结构 + 算法;

数据结构：程序运行中所需要的数据元素

算法：将要做的事情通过一系列的逻辑串起来

任何程序或算法都有结构：

1、顺序结构

代码从头到尾除注释以外，按照出现的顺序去执行

2、选择(分支)结构

根据条件判断哪一块的程序要被执行，哪一块的程序不被执行

3、循环结构

根据条件判断，反复的执行某一段程序

4、if语句

满足某个条件时，执行某些操作，不满足则不执行

语法：

if(条件){

//某些操作

}

当条件结果为 true 时，则执行if语句块中的语句

当条件结果为 false时，则不执行if语句块中的语句

一个条件一件事

if(){}

1、由比较运算符 组成的表达式 称为：条件表达式、逻辑表达式

2、if 条件中，如果不是boolean类型表达式，那么进行隐式转换

以下值中，都会默认转换为 false 

if(0){}

if(0.0){}

if(null){}

if(undefined){}

if(NaN){}

if(""){}

var a = prompt("请输入一段话:");   小括号里面都是false

if(a){

//语句块;

}

3、if 语句块 {} 的问题

当if语句块中【只有一条语句】时，{}可以省略

if(a){

console.log("Success !");

}

等价于

if(a)

console.log("Success!");

5、if - else结构

语法：

if(条件){

语句块1

}else{

语句块2

}

判断条件

如果条件的值为 true ，则执行语句块1

如果条件的值为 false，则执行语句块2

1、多重if结构

在一套完整结构中，允许判断多个条件，最终，最多只能选择一个条件去运行

语法：

if(条件1){

语句块1;

}else if(条件2){

语句块2;

}else if(条件3){

语句块3;

}else{

//以上条件都不满足的时候，最终执行的语句块(此块可选);

}

循环结构的执行步骤】

1、声明循环变量；

2、判断循环条件

3、执行循环体操作

4、更新循环变量

然后循环执行2-4，直到条件不成立时，跳出循环。

while循环（）中的表达式，运算结果可以是各种类型，但是最终都会转为真假，转换规则同if结构：

var num = 1 ; //1、声明循环变量；

while (num){ //2、判断循环条件

document.write(num+"
");//3、执行循环体操作

num++;//4、更新循环变量

}

while循环特点：先判断在执行；

do-while循环特点：先执行，在判断；即使初始条件不成立；do-while循环也至少执行一次

【for循环】  1、for循环有三个表达式：① 声明循环变量 ②判断循环条件 ③ 更新循环变量；         三个表达式 用；分隔。         for循环三个表达式都可以省略，但是两个缺一不可  2、for循环的执行特点、先判断、再执行，与while相同。  3、for循环三个表达式都可以有多部分组成，第二部分多个判断条件&& ||链接，第一三部分用逗号分隔。

↓打印结果

【循环控制语句】

1、break：跳出本层循环，继续执行循环后面的语句。

如果循环有多层嵌套，则break只能跳出一层；

2、continue：跳过本次循环剩余的代码，继续执行下一次循环，

① 对于for循环，contiune之后执行的语句，是循环变量更新语句i++；

② 对于while、do-while循环，contiune之后执行的语句，是循环条件判断；

因为，使用这两个循环时，必须将contiune必须放到i++之后使用，否则contiune将跳过i++

导致死循环；