JS任务一深度思考问题

一、JS有哪些数据类型和常用方法？

js的数据类型，分为两大块，一个是基本数据类型，包括：undefined、null、boolean、number、string等；一个是引用数据类型，包括object、array、Date、RegExp等。基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。

基本数据类型：

JavaScript 的变量拥有动态类型，即同一个变量可以先后赋值为不同数据类型：

var a ；（声明变量但没有赋值时变量的值就是undefined）

var a = null；（null数据类型只有一个值即：null，表示一个空对象指针）

var a = “abandon”；（赋值为字符串：string数据类型，用单引号或双引号）

var a = 1；（赋值为数字：number数据类型，可以带小数点，可以用科学计数法书写）

var a = true；（赋值为布尔值：boolean，布尔值只有true和false）

引用数据类型：

Object、Array、Date、RegExp、Math、Global，在引用类型中，还有三个特殊的引用类型，和基本数据类型相似，即Boolean，String和Number对象。

基本数据类型和引用数据类型的区别：

基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。

1、声明变量时不同的内存分配

基本数据类型：存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。

引用数据类型：保存在堆内存中的对象。存储在变量处的值是一个指针（point），指向存储对象的内存地址。

2、不同的访问机制

基本数据类型：可以直接访问。

引用数据类型：javascript中是不允许直接访问保存在堆内存中的对象的，所以在访问一个对象时，首先得到的是这个对象在堆内存中的地址，然后再按照这个地址去获得这个对象中的值，这就是传说中的按引用访问。

4、复制变量时的不同

基本数据类型：在将一个保存着原始值的变量复制给另一个变量时，会将原始值的副本赋值给新变量，此后这两个变量是完全独立的，他们只是拥有相同的value而已。

引用数据类型：在将一个保存着对象内存地址的变量复制给另一个变量时，会把这个内存地址赋值给新变量，并不会在堆内存中新生成一个一模一样的对象，只是多了一个保存指向这个对象指针的变量罢了，也就是说这两个变量都指向了堆内存中的同一个对象，他们中任何一个作出的改变都会反映在另一个身上。

5、参数传递的不同

基本数据类型：只是把变量里的值传递给参数，之后参数和这个变量互不影响。

引用数据类型：对象变量它里面的值是这个对象在堆内存中的内存地址，因此它传递的值也就是这个内存地址，这也就是为什么函数内部对这个参数的修改会体现在外部的原因了，因为它们都指向同一个对象。

常用方法：

看起来很多啊，暂时也不知道那些常用暂时不总结了。

---

二、定时器有哪些用法？

一次性定时器(setTimeout())：仅在指定的时间后触发一次

周期性定时器（setInterval())：定期循环触发

语法：

setTimeout(要执行的函数，时间)，时间的单位是毫秒。

setInterval(要执行的函数，时间)，时间的单位是毫秒。

定时器可以用于制作计时器，轮播图，动画效果等

---

三、ID和Class有什么区别？

class

1.在css中，用class来指定标签的类名。多个标签可以写同一类名。多个类名也可以写在一个class中。

2.在JS中，获取到的class将是一个数组，在使用的时候要特别注意！也是对象。document.getElementsByClassName(CLASSname),用下标选中同一类中第几个。

3.在jQuery中，获取到的class将是一个对象，用$(“CLASSname”):eq() 选择器选取带有指定 index 值的元素。

ID

1.在css中，用id为元素设置单独的，特殊的样式，虽然目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误(就只是选中第一个名为ID标签)

2.在JS中，使用id为特定的标签设置特定的行为document.getElementById(IDname),

3.在jQuery中，使用id为特定的标签设置特定的行为$(“IDname”)

---

四、F12Console的用法，以及如何Debug程序

Console

Console 是用于显示 JS和 DOM 对象信息的单独窗口。

**console.log()**用于输出普通信息，console.log() 的参数可以有多个，参数用逗号隔开，输出的结果会以一个空格隔开。

console.debug()、console.info()、 console.warn() 与 console.error()

这四个方法的使用方法跟 console.log() 一模一样，差别在于输出的颜色与图标不同。

console.table() 以表格的形式输出

console.time() 与 console.timeEnd()

在调试时，我们经常需要知道一段代码执行时间，我们可以使用这两行代码来实现。

console.assert() 类似于单元测试中的断言，当表达式为 false 时，输出错误信息。

**console.count()**调试代码时，经常需要知道一段代码被执行了多少次，这时可以使用 console.count()

console.group()、 console.groupEnd() 与 console.groupCollapsed()

一般的 console.log() 方法的输出没有层级关系，在需要一些显示层级关系的输出中显得苍白无力，使用 console.group() 可以达到我们的目的。

console.dir 直接将该DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展等等。

---

断点调试：

在开发者工具中打开sources找到需要调试的js文件，通过在行号上打断点来观察js的执行，调试时，程序运行到断点这一行就会停住，然后可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

一、“逐语句执行”或者“逐步执行”按钮：

1、意思就是，每点击它一次，js语句就会往后执行一句

2、快捷键F10

二、“逐过程执行”按钮：

1、常用在一个方法调用多个js文件时，涉及到的js代码比较长，则会使用到这个按钮

2、快捷键F8

---

五、随机的出现一种颜色，随机的性能怎么样？

暂留

---

六、简述JS中执行环境与作用域的关系

执行环境

JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据 ，决定了它们各自的行为。而每个执行环境都有一个与之相关的变量对象，环境中定义的所有变量和函数都保存在这个对象中。我们编写的代码是无法访问这个对象的，但解析器在处理数据时会在后台使用它。

全局执行环境

全局执行环境是最外围的一个执行环境，在Web浏览器中，全局执行环境被认为是window对象， 因此所有全局变量和函数都是作为window对象的属性和方法来创建的。 某个执行环境中的所有代码执行完毕后，该环境就会被销毁，保存在其中的所有变量和函数定义也随之销毁。

作用域链

每个函数都有自己的执行环境，当代码在执行环境中执行时，就会创建变量对象的作用域链。作用域链保证了对执行环境有权访问所有变量和函数的有序访问。作用域链的前端，始终都是当前执行的代码所在的环境的变量对象，如果环境是一个函数，那么它的变量对象就是该函数的活动对象。作用域链的下一个变量对象来自包含（外部）环境，再下一个变量对象来自下一个包含环境。这样一直延续到全局执行环境，全局执行环境的变量对象永远是作用域中的最后一个对象。

内部的环境可以通过作用域链访问所有的外部环境，但外部的环境无法访问内部的环境中的任何变量和函数。每个环境都可以向上搜索作用域链，以查询变量和函数名；但是任何环境都不能通过向下搜索作用域而进入另一个执行环境。