JavaScript初识

计算机基础

数据存储单位

bit < byte < kb< GB<TB<....

位(bit) : 1bit可以保存一个0或者1(最小的存储单位)

字节(Byte) : 1B= 8b

千字节(KB):1KB= 1024B

兆字节(MB):1MB= 1024KB

吉字节(GB): 1GB= 1024MB

太字节(TB):1TB = 1024GB

......

 

1. 初识JavaScript

1.2 JavaScript是什么

JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言 ( Script是

脚本的意思)

脚本语言∶不需要编译，运行过程中由js解释器(js引擎）逐行来进行解释并执行

现在也可以基于Node.js技术进行服务器端编程

 

 

1.5 JS的组成

1.ECMAScript

ECMAScript是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMAScript语言的实现和扩

展。

 

ECMAScript : ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。

2.DOM——文档对象模型

文档对象模型(Document Object Model，简称DOM)，是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。

3.BOM——浏览器对象模型

BOM(Browser Object Model，简称BOM)是指浏览器对象模型，它提供了独立于内容的

可以与浏览器窗口进行

互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

1.6 JS初体验

JS有3种书写位置，分别为行内、内嵌和外部。

1.行内式JS

<input type="button" value="点我试试" onclick="alert ( ' Hello world' ) "/>

●可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性），如: onclick

●注意单双引号的使用︰在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

●可读性差，在html中编写JS大量代码时，不方便阅读;

●引号易错，引号多层嵌套匹配时，非常容易弄混;

●特殊情况下使用

2.内嵌JS

<script>

alert ('Hello world~! ' );

</ script>

可以将多行JS代码写到<script>标签中
内嵌JS是学习时常用的方式

3.外部JS文件

<script src="my.js"><l script>

●利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用

●引用外部JS文件的script标签中间不可以写代码

●适合于JS代码量比较大的情况

3.JavaScript 输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下∶

 

变量

1. 1. 什么是变量

白话:变量就是一个装东西的盒子。

通俗︰变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

 

1.2变量在内存中的存储

本质:变量是程序在内存中申请的一块用来存放数据的空间。

类似我们酒店的房间，一个房间就可以看做是一个变量。

 

2.变量的使用

变量在使用时分为两步:1.声明变量2.赋值

1.声明变量

 

var是一个JS关键字，用来声明变量( variable变量的意思)。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管

age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

2.赋值

=用来把右边的值赋给左边的变量空间中 此处代表赋值的意思

变量值是程序员保存到变量空间里的值

1. 变量的初始化

声明一个变量并赋值，我们称之为变量的初始化。

1.4变量语法扩展

2.同时声明多个变量

同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开。

 

3.声明变量特殊情况

 

1.5变量命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($)组成，如:usrAge, num01,_name

严格区分大小写。var app;和var App;是两个变量

不能以数字开头。18age是错误的

不能是关键字、保留字。例如: var、for、while

变量名必须有意义。MMD BBDnl →age

遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName

推荐翻译网站∶有道爰词霸

1.3数据类型的分类

JS把数据类型分为两类︰

简单数据类型( Number , string,Boolean, Undefined,Null )

复杂数据类型( object)

2.1简单数据类型（基本数据类型)

JavaScript中的简单数据类型及其说明如下:

 

2.2数字型Number

JavaScript数字类型既可以用来保存整数值，也可以保存小数(浮点数)。

 

2.数字型范围

JavaScript中数值的最大和最小值

 

3.数字型三个特殊值

2.2数字型Number

3.数字型三个特殊值

 

Infinity ，代表无穷大，大于任何数值

-Infinity ，代表无穷小，小于任何数值

NaN ，Not a number，代表一个非数值

2.2数字型 Number

4. isNaN()

用来判断一个变量是否为非数字的类型，返回true或者false

 

 

2.3字符串型String

字符串型可以是引号中的任意文本，其语法为双引号""和单引号"

 

因为HTML标签里面的属性使用的是双引号，JS这里我们更推荐使用单引号。

1.字符串引号嵌套

JS可以用单引号嵌套双引号，或者用双引号嵌套单引号(外双内单，外单内双)

 

1. 字符串转义符

类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。

转义符都是\开头的，常用的转义符及其说明如下:

 

1. 字符串长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

 

1. 字符串拼接

多个字符串之间可以使用＋进行拼接，其拼接方式为字符串＋任何类型=拼接之后的新字符串

拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

 

+号总结口诀∶数值相加，字符相连

5.字符串拼接加强

 

我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值

变量是不能添加引号的，因为加引号的变量会变成字符串

如果变量两侧都有字符串拼接，口诀“引引加加”，删掉数字，变量写加中间

2.5布尔型Boolean

布尔类型有两个值: true和false ，其中true表示真(对），而false表示假(错)。

布尔型和数字型相加的时候，true的值为1 ，false的值为0。

 

2.6 Undefined和Null

一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时，注意结果)

 

一个声明变量给null值，里面存的值为空（学习对象时，我们继续研究null)

 

3.2字面量

字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值。

数字字面量:8,9,10

字符串字面量:'黑马程序员',"大前端"

布尔字面量: true , false

4.1什么是数据类型转换

使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

我们通常会实现3种方式的转换∶

转换为字符串类型

转换为数字型

转换为布尔型

4.2转换为字符串

 

toString()和String)使用方式不一样。

三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换

4.3转换为数字型（重点)

 

注意parselnt和parseFloat单词的大小写，这2个是重点

4.4转换为布尔型

 

代表空、否定的值会被转换为false ，如"、0、NaN、null、undefined

其余值都会被转换为true

 

1.解释型语言(JS)和编译型语言(JAVA)

1.概述

计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器。

 

翻译器翻译的方式有两种:一个是编译，另外一个是解释。两种方式之间的区别在于翻译的时间点不同

编译器是在代码执行之前进行编译，生成中间代码文件

解释器是在运行时进行及时解释，并立即执行(当编译器以解释方式运行的时候，也称之为解释器)

2.执行过程

 

类似于请客吃饭∶

编译语言∶首先把所有菜做好，才能上

桌吃饭

解释语言:好比吃火锅，边吃边涮，同时进行

1.标识符

标识(zhi)符:就是指开发人员为变量、属性、函数、参数取的名字。

标识符不能是关键字或保留字。

2.关键字

关键字∶是指JS本身已经使用了的字，不能再用它们充当变量名、方法名。

包括:break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with等。

3.保留字

保留字︰实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

包括: boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、 protected、public、sort、static、super、synchronized、 throws、transient、volatile等。

运算符( operator )也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。

JavaScript中常用的运算符有:

●算数运算符

●递增和递减运算符

●比较运算符

●逻辑运算符

●赋值运算符

2.1算术运算符概述

概念:算术运算使用的符号,用于执行两个变量或值的算术运算。

 

2.2浮点数的精度问题

浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远远不如整数。

 

所以:不要直接判断两个浮点数是否相等!

2.4表达式和返回值

表达式:是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合

简单理解:是由数字、运算符、变量等组成的式子

表达式最终都会有一个结果,返回给我们, 我们成为返回值

1.前置递增运算符 先自加1 后返回原值

2.后置递增运算符 先返回原值 后自加1

4.比较运算符

4.2 =小结

 

 

5.4短路运算（逻辑中断)

短路运算的原理︰当有多个表达式(值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;

1.逻辑与

语法:表达式1&&表达式2

如果第一个表达式的值为真，则返回表达式2

如果第一个表达式的值为假，则返回表达式1

2逻辑或

语法:表达式1|表达式2

如果第一个表达式的值为真，则返回表达式1

如果第一个表达式的值为假，则返回表达式2

 

6.赋值运算符

概念︰用来把数据赋值给变量的运算符。

 

 

7.运算符优先级

—元运算符里面的逻辑非优先级很高

逻辑与比逻辑或优先级高

1.流程控制

在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。

简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行

流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。

 

顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的。

 

3.分支流程控制if 语句

3.1分支结构

由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程)，从而得到不同的结果

 

JS语言提供了两种分支结构语句

if语句

switch语句

 

 

2.1语法结构

断点调试:

断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

断点调试可以帮我们观察程序的运行过程

浏览器中按F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点

Watch:监视，通过watch可以监视变量的值的变化，非常的常用。

F11:程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。

代码调试的能力非常重要，只有学会了代码调试，才能学会自己解决bug的能力。初学者不要觉得调试代码麻烦就不去调试，知识点花点功夫肯定学的会，但是代码调试这个东西，自己不去练，永远都学不会。

今天学的代码调试非常的简单，只要求同学们记住代码调试的这几个按钮的作用即可，后面还会学到很多的代码调试技巧。

3.获取数组元素

3.1数组的索引

索引(下标)︰用来访问数组元素的序号（数组下标从О开始）。

 

数组可以通过索引来访问、设置、修改对应的数组元素，我们可以通过“数组名[索引]”的形式来获取数组中的元素。

这里的访问就是获取得到的意思

4.遍历数组

问:数组中的每一项我们怎么取出来?

答:可以通过“数组名[索引号]”的方式一项项的取出来。

 

问:怎么把数组里面的元素全部取出来?

规律∶

从代码中我们可以发现，从数组中取出每一个元素时，代码是重复的，有所不一样的是索引值在递增

答案就是循环

遍历:就是把数组中的每个元素从头到尾都访问一次(类似我们每天早上学生的点名)。

4.1数组的长度

使用“数组名.length”可以访问数组元素的数量(数组长度）。

5.数组中新增元素

可以通过修改length长度以及索引号增加数组元素

5.1通过修改length长度新增数组元素

可以通过修改length长度来实现数组扩容的目的

length属性是可读写的

 

其中索引号是4，5，6的空间没有给值，就是声明变量未给值，默认值就是undefined。

 

5.2通过修改数组索引新增数组元素

可以通过修改数组索引的方式追加数组元素

不能直接给数组名赋值，否则会覆盖掉以前的数据

 

这种方式也是我们最常用的一种方式。

函数

1.函数的概念

在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。

虽然for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用JS中的函数。

函数∶就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

2.函数的使用

函数在使用时分为两步:声明函数和调用函数。

2.1声明函数

 

function是声明函数的关键字,必须小写

由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，比如getSum

2.2调用函数

 

调用的时候千万不要忘记添加小括号

口诀:函数不调用，自己不执行。

注意∶声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。

2.3函数的封装

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

简单理解︰封装类似于将电脑配件整合组装到机箱中(类似快递打包)

 

3.函数的参数

3.1形参和实参

调用的是实参 ，函数空格里面的是形参

3.3函数形参和实参个数不匹配问题

 

注意:在JavaScript中，形参的默认值是undefined。

3.4 小结

函数可以带参数也可以不带参数

声明函数的时候，函数名括号里面的是形参，形参的默认值为undefined

调用函数的时候，函数名括号里面的是实参

多个参数中间用逗号分隔

形参的个数可以和实参个数不匹配，但是结果不可预计，我们尽量要匹配

4.函数的返回值

4.1 return语句

有的时候，我们会希望函数将值返回给调用者，此时通过使用return语句就可以实现。

4.2 return 终止函数

return语句之后的代码不被执行。

4.3 return的返回值

return只能返回一个值。如果用逗号隔开多个值，以最后一个为准。

4.4函数没有return返回undefined

函数都是有返回值的

1. 如果有return则返回return后面的值

2．如果没有return则返回undefined

4.5 break ,continue ,return的区别

break :结束当前的循环体（如for、while )

continue :跳出本次循环，继续执行下次循环（如for、while )

return :不仅可以退出循环，还能够返回return语句中的值，同时还可以结束当前的函数体内的代码

通过榨汁机理解函数：

 

5. arguments的使用

当我们不确定有多少个参数传递的时候，可以用arguments来获取。在JavaScript中,arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参。

arguments展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点∶

● 具有length属性

● 按索引方式储存数据

● 不具有数组的push , pop等方法

6.函数案例

函数可以调用另外一个函数

因为每个函数都是独立的代码块，用于完成特殊任务，因此经常会用到函数相互调用的情兄

1.作用域

1.1作用域概述

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

2.变量的作用域

2.1变量作用域的分类

在JavaScript中，根据作用域的不同，变量可以分为两种︰

全局变量

局部变量

2.2全局变量

在全局作用域下声明的变量叫做全局变量(在函数外部定义的变量)。

全局变量在代码的任何位置都可以使用

在全局作用域下var 声明的变量是全局变量

特殊情况下，在函数内不使用var声明的变量也是全局变量(不建议使用)

2.2局部变量

在局部作用域下声明的变量叫做局部变量(在函数内部定义的变量)

局部变量只能在该函数内部使用

在函数内部var声明的变量是局部变量

函数的形参实际上就是局部变量

2.3全局变量和局部变量的区别

全局变量︰在任何一个地方都可以使用，只有在浏览器关闭时才会被销毁，因此比较占内存

局部变量:只在函数内部使用，当其所在的代码块被执行时，会被初始化;当代码块运行结束后，就会被销毁，因此更节省内存空间

2.4 JS没有块级作用域（了解）

3.作用域链

只要是代码，就至少有一个作用域

写在函数内部的局部作用域

如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域

根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称作作用域链

案例：

 // 结果是几？

        function f1() {

            var num = 123;

            function f2() {

                console.log(num);

            }

            f2();

        }

        var num = 456;

        f1();

 

1.预解析

JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步∶预解析和代码执行。

JS对象

1.对象

1.1什么是对象?

现实生活中︰万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如，一本书、一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

对象是由属性和方法组成的。

属性:事物的特征，在对象中用属性来表示(常用名词)

方法︰事物的行为，在对象中用方法来表示(常用动词)

 

1.2为什么需要对象

保存一个值时，可以使用变量，保存多个值(一组值)时，可以使用数组。如果要保存一个人的完整信息呢?

例如，将“张三疯”的个人的信息保存在数组中的方式为:

 

JS中的对象表达结构更清晰，更强大。张三疯的个人信息在对象中的表达结构如下:

 

2.创建对象的三种方式

在JavaScript中，现阶段我们可以采用三种方式创建对象( object ) :

利用字面量创建对象

利用new Object创建对象

利用构造函数创建对象

2.1利用字面量创建对象

对象字面量∶就是花括号{}里面包含了表达这个具体事物（对象）的属性和方法。

{}里面采取键值对的形式表示

键:相当于属性名

值∶相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等)

 

对象的调用

对象里面的属性调用:对象.属性名，这个小点.就理解为“的”

对象里面属性的另一种调用方式:对象[‘属性名’]，注意方括号里面的属性必须加引号，我们后面会用

对象里面的方法调用∶对象.方法名()，注意这个方法名字后面一定加括号

 

2.创建对象的三种方式

变量、属性、函数、方法总结

变量:单独声明赋值，单独存在

属性∶对象里面的变量称为属性，不需要声明，用来描述该对象的特征

函数︰单独存在的，通过“函数名()”的方式就可以调用

方法∶对象里面的函数称为方法，方法不需要声明，使用“对象.方法名()”的方式就可以调用，方法用来描述该对象的行为和功能。

2.2利用new Object创建对象

跟我们前面学的new Array()原理一致

2.3利用构造函数创建对象

构造函数︰是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

2.4构造函数和对象

构造函数，如Stars()，抽象了对象的公共部分，封装到了函数里面，它泛指某一大类( class )

创建对象，如new Stars()，特指某一个，通过new关键字创建对象的过程我们也称为对象实例化

 

3.new关键字

new在执行时会做四件事情:

1. 在内存中创建一个新的空对象。
2. 让this指向这个新的对象。
3. 执行构造函数里面的代码，给这个新对象添加属性和方法。
4. 返回这个新对象（所以构造函数里面不需要return ) 。

New和构造函数确认了眼神

1.他们俩生了一个宝宝。

2.这个宝宝必须是亲生的this指向。

3.教孩子读书一肚子墨水。

4.长大挣钱回报父母。

4.遍历对象属性

for...in语句用于对数组或者对象的属性进行循环操作。

小结

1. 对象可以让代码结构更清晰
2. 对象复杂数据类型object。
3. 本质:对象就是一组无序的相关属性和方法的集合。
4. 构造函数泛指某一大类，比如苹果，不管是红色苹果还是绿色苹果，都统称为苹果。
5. 对象实例特指一个事物，比如这个苹果、正在给你们讲课的pink老师等。
6. for...in语句用于对对象的属性进行循环操作。

1.内置对象

JavaScript中的对象分为3种︰自定义对象、内置对象、浏览器对象

前面两种对象是JS基础内容，属于ECMAScript;第三个浏览器对象属于我们JS独有的，我们JSAPI讲解

内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能(属性和方法)

内置对象最大的优点就是帮助我们快速开发

JavaScript提供了多个内置对象︰Math、Date . Array、string等

2.查文档

2.1 MDN

学习一个内置对象的使用，只要学会其常用成员的使用即呵，我们可以通过查文档学习，可以通过MDN/W3C来查询。

Mozilla开发者网络(MDN)提供了有关开放网络技术( Open Web )的信息，包括HTML

CSS和万维网及HTML5应用的API。

MDN: https://developer.mozilla.org/zh-CN/

2.2如何学习对象中的方法

1.查阅该方法的功能

2.查看里面参数的意义和类型

3．查看返回值的意义和类型

4.通过demo进行测试

3. Math 对象

3.1 Math概述

Math对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用Math中的成员。

 

3.2随机数方法random()

4.日期对象

4.1 Date 概述

Date对象和Math对象不一样，他是一个构造函数，所以我们需要实例化后才能使用

Date 实例用来处理日期和时间

4.2 Date()方法的使用

1.获取当前时间必须实例化

 

2.Date(构造函数的参数

如果括号里面有时间，就返回参数里面的时间。例如日期格式字符串为‘2019-5-1’，可以写成new Date(2019-5-1")或者new Date('2019/5/1)

4.3日期格式化

我们想要2019-8-8 8:8:8格式的日期，要怎么办?

需要获取日期指定的部分，所以我们要手动的得到这种格式。

 

4.4获取日期的总的毫秒形式

①核心算法∶输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数的。

②用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。

③把剩余时间总的毫秒数转换为天、时、分、秒（时间戳转换为时分秒)

转换公式如下∶

d = parseInt(总秒数/60/60/24);//计算天数

h = parseInt(总秒数/60/60%24)//计算小时

m = parseInt(总秒数/60%60);//计算分数

s = parseInt(总秒数%60);//计算当前秒数

5.数组对象

5.1数组对象的创建

创建数组对象的两种方式

字面量方式

new Array()

5.2 检测是否为数组

// 检测是否为数组

        // (1) instanceof 运算符 它可以用来检测是否为数组

        var arr = [];

        var obj = {};

        var a = 1;

        console.log(arr instanceof Array);

        console.log(obj instanceof Array);

        // (2) Array.isArray(参数); H5新增的方法 ie9以上版本才支持

        console.log(Array.isArray(arr)); // ture

        console.log(Array.isArray(obj)); // false

5.3添加删除数组元素的方法

 

5.4数组排序

 

5.5数组索引方法

 

重点案例：

 

 

5.6数组转换为字符串

 

5.7课下查询

 

slice()和splice()目的基本相同，建议同学们重点看下splice)

6.字符串对象

6.1基本包装类型

为了方便操作基本数据类型，JavaScript还提供了三个特殊的引用类型:String、Number和Boolean。

基本包装类型就是把简单数据类型包装成为复杂数据类型，这样基本数据类型就有了属性和方法。

 

按道理基本数据类型是没有属性和方法的，而对象才有属性和方法，但上面代码却可以执行，这是因为js会把基本数据类型包装为复杂数据类型，其执行过程如下∶

 

6.2字符串的不可变

指的是里面的值不可变，虽然看上去可以改变内容，但其实是地址变了，内存中新开辟了一个内存空间。

 

 

6.3根据字符返回位置

字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串。

 

6.4根据位置返回字符（重点)

 

6.5字符串操作方法（重点)

 

6.8课下查阅

toUpperCase)//转换大写

toLowerCase()//转换小写

1.简单类型与复杂类型

简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。

值类型∶简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型

string , number , boolean , undefined , null

引用类型︰复杂数据类型，在存储时变量中存储的仅仅是地址(引用），因此叫做引用数据类型

通过new关键字创建的对象（系统对象、自定义对象），如Object、Array、Date等

2.堆和栈

堆栈空间分配区别∶

1、栈(操作系统）︰由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;

简单数据类型存放到栈里面

2、堆(操作系统）∶存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。

复杂数据类型存放到堆里面

 

注意:JavaScript中没有堆栈的概念，通过堆栈的方式，可以让大家更容易理解代码的一些执行方式,便于将来学习其他语言。

3.简单类型的内存分配

●值类型（简单数据类型) : string , number , boolean , undefined , null

●值类型变量的数据直接存放在变量(栈空间)中

4.复杂类型的内存分配

引用类型(复杂数据类型)︰通过new关键字创建的对象（系统对象、自定义对象），如Object、Array、Date等

引用类型变量（栈空间)里存放的是地址，真正的对象实例存放在堆空间中

 

 

5.简单类型传参

函数的形参也可以看做是一个变量，当我们把一个值类型变量作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参，那么在方法内部对形参做任何修改，都不会影响到的外部变量。

 

 

6.复杂类型传参

函数的形参也可以看做是一个变量，当我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象。

 // 复杂数据类型传参

        function Person(name) {

            this.name = name;

        }

        function f1(x) { // x = p

            console.log(x.name); // 2. 这个输出什么? 刘德华

            x.name = '张学友';

            console.log(x.name); // 3. 这个输出什么? 张学友

        }

        var p = new Person('刘德华');

        console.log(p.name); // 1. 这个输出什么? 刘德华

        f1(p);

        console.log(p.name); // 4. 这个输出什么? 张学友