js路上的坑

容易犯的错误原因

认为是split()使用排除法：split分割字符串；reverse反转数组；join将数组转成字符串

trim()   去除字符串两端空格

return 只能在函数内部使用在循环中也是使用，setInterval(fn1,1000) 只会调用一次 fn1

var str = "hello world";console.log( str. substring(2,7) )输出llo w

if(!this._num&&this._num!==0)return this._num=1

;//如果这里的条件是!this._num

在这里因为当this._num为0的时候他就会返回一个1，

        //而下面我们设置了this.num--；在这里减1之后this.num就变成了0他就会回到set方法中的value把值赋值给input的值

        //接着下面get中的this._num的值也就变成了0,然后this._num的值又变成了1在执行上面说的，这样就造成了死循环，

undefined 和 null 的区别与联系null和其它语言的用法类似，表示没有对象，算数运算时会被转换为0，容易混淆，不确定是变量未定义、被赋值为null、还是本身值就是0。所以增加了undefined类型，表示缺少值，算数运算不会被转换为0，而是NaN。

NaN是number类型的全局属性，和Number.NaN等效，表示非数字不能用NaN来判断非数字，因为NaN和NaN也是不相等的

document.write要在文档加载完毕后使用，否则会覆盖整个文档，这时会发现页面被清空了，只输出了document.write输出的内容

"8" + 8; // 88 ；8 + "8"; // 88 ；parseInt("8") + 8; // 16数字和字符串相加，无论顺序如何，数字都会被转换为字符串：

函数内部的变量，如果没有使用var声明仍然是全局变量，生命周期直到页面关闭

在面向对象中计时器的this计时器中的this永远都是window

var str = "hello world";   console.log( str. substring(2,7) )输出什么

输出llo w

能够正确随机获取数组中元素的是 var arr = [“

张三”,“李四”,“王二”,“二哈”]

要随机获取数组的内容，只要能生成随机下标即可，arr的下标是0到arr.length-1之间，所以只要能生成0到3的随机正数即可；

A选项：Math.random() * (arr.length-1) 得到 0.0001-2.9999的随机数，Math.round(）方法作用是四舍五入，经过该方法：得到0-3之间的随机数，正确；

B选项：Math.random() * arr.length得到0.0001-3.9999的随机数，parseInt( )方法能取整数部分，经过该方法：得到0-3之间的随机数，正确；

C选项：Math.random() * (arr.length) 得到0.0001-3.9999的随机数，四舍五入后：得到0-4之间的随机数，错误

D选项：Math.random() * (arr.length-1)得到 0.0001-2.9999的随机数，parseInt( )方法取整后：得到0-2之间的随机数，错误

以下关于div~p选择符说法正确是通用兄弟选择器（Ｅ 〜 Ｆ）

通用兄弟元素选择器是CSS3新增加一种选择器，这种选择器将选择某元素后面的所有兄弟元素，他们也和相邻兄弟元素类似，需要在同一个父元素之中.

以下哪个属性不能隐藏元素隐藏一个元素有3种方式，display:none;visibility:hidden;opacity：0；所以除了这3个之外

的overflow：hidden，表示的是溢出隐藏，所以选择A。

设置弹性子元素各行之间对齐的属性是？flex-wrap属性用于指定弹性盒子的子元素换行方式，space-between是弹性子元素在主轴对其方

式的属性值，align-content子元素各行直接的对齐属性，align-items子元素的侧轴对齐方式属性

flex-direction设置子元素纵向反转排列的属性是row横向排列，column纵向排列，row-reverse横向翻转，column-reverse纵向翻转

以下哪些是H5能支持的视频文件格式格式    IE     Firefox  Opera    Chrome   Safari   No   5.0+  3.0+

Ogg  No   3.5+   10.5+  5.0+   No MPEG4  9.0+   No  WebM  No  4.0+

10.6+   6.0+   No

触发BFC的条件有1.float的值不为none2.overflow的值不为visible

3.display的值为table-cell、tabble-caption和inline-block之一

4.position的值不为static或则releative中的任何一个

需要给img添加什么声明，可以解决图片下方间隙的问题float:left;vertical-align:top;display:block图片间隙由文字默认对齐导致 只要让文字不

在左下方或右下方显示就没问题

Javascript中,假设 foo 对象有 att 属性，那么以下获取att属性值的

表达式哪个是错误的

访问一个对象的属性有两种方式：

1. foo.att2. foo["att"]

for..of与for..in的区别，以下说法正确的是for in可以遍历对象，for of不能遍历对象

事件中会产生哪些兼容问题事件对象的创建，事件冒泡，浏览器的默认行为，事件委托中事件源的获取

字符串的操作方法有indexOf ；lastIndexOf； charAt；charCodeAt

解构赋值可以做到以下哪些事一次性可以定义多个变量；可以作用在函数的传参上，以对象的方式传递，参数顺序也无须保持一致

 可以轻松实现两个数的交换； 可以实现一个函数返回多个结果

var p = {username:"leson"}获取p对象里面leson正确的做法为对象属性访问方式：obj.name或obj["name"]

php中对数组下标说法正确的是数组的下标可以是字符串，是数字，null,true,false等

下面有关javascript系统方法的描述，正确的是parseFloat方法：该方法可以将一个字符串转换成对应的小数

parseInt方法：该方法可以将一个字符串转换成对应的整数

Number方法 ： 该方法可以将某个数据类型转成数值类型

Boolean方法 ： 该方法可以将某个数据类型转成布尔类型

选出有兼容性的方法或者属性   event.returnValue = false;}else { e.preventDefault();};

srcElement； addEventListener；stopPropagation；preventDefault

HTML表单的首要标记是,标记的参数method表示表单发送的

方法，可能为get或post，下列关于get和post的描述不正确的是

关于get和post请求的特点

答案A:post方法传递的数据对客户端是不可见的

答案B:get请求携带数据大小与浏览器和服务器对url长度限制有关，为保证兼容性，最好不要超过2kb

答案C:post请求携带的数据大小理论上是没有限制的，HTTP协议规范也没有进行大小限制，具体大小由浏览器和服务器对数据的处理能力决定。

答案D:get方法把数据暴露在url中以查询串的方式传递，因此是对客户端来说是可见的。

因此 BCD都不正确

function func(){return 1;}alert(func);alert(func());函数加()和不加() 的区别，加()是直接调用这个函数，不加是函数本身

返回值定义：一个函数实际上就是一个计算过程，计算完成之后的结果就是返回值。arguments是存储了函数传送过过来实参，arguments对象的长度是由实参个数而不是形参个数决定的

var o={ fn:function (){console.log(fn);}};o.fn();//ERROR报错在函数表达式内部能不能访问存放当前函数的变量

function fn(a) { console.log(a);// function a() {alert(1)}

var a = 2; function a() {alert(1)} console.log(a);//2  }fn(1);

预解析时找到了变量a，并且赋值为undefined，找到了声明function a(){alert(1)}，为

整个函数体；两者同名，所以声明覆盖了变量a的值，a不再是undefined的，而是函数体。

if('a' in window) {  

    var a = 10;

} 

console.log(a);　　// 10

变量提升、window的变量

var a;

if ('a' in window) { a = 10;}

if(){}的花括号并不像function(){}的花括号一样，具有自己的块级作用域，if的花括号还是全

局的环境。根据JavaScript的变量提升机制，var a会被js引擎解释到第一行，

let username='守候'

function fn(){alert(this.username);//undefined}fn();

可能大家会困惑，为什么不是输出守候，但是在细看一看，我声明的方式是let，不会是window对象var username='守候' function fn(){ alert(this.username);//守候 } fn(); //--------------- window.username='守候' function fn(){ alert(this.username);//守候 } fn();

这个相信不难理解，就是那个函数调用，this指向哪里

window.b=2222 let obj={ a:111, fn:function(){ alert(this.a);//111 alert(this.b);//undefined } } obj.fn();

很明显，第一次就是输出obj.a，就是111。而第二次，obj没有b这个属性，所以输出undefined，

因为this指向obj。

let obj1={ a:222 }; let obj2={ a:111, fn:function()

{ alert(this.a); } } obj1.fn=obj2.fn; obj1.fn();//222

这个相信也不难理解，虽然obj1.fn是从obj2.fn赋值而来，但是调用函数的是obj1，

所以this指向obj1。

let TestClass=function(){ this.name='111'; }

 let subClass=new TestClass(); subClass.name='守候';

console.log(subClass.name);//守候 let subClass1=new TestClass();

 console.log(subClass1.name)//111

但是有一个坑，虽然一般不会出现，但是有必要提一下。

在构造函数里面返回一个对象，会直接返回这个对象，而不是执行构造函数后创建的对象

let obj1={ a:222 }; let obj2={ a:111,

fn:function(){ alert(this.a); } } obj2.fn.call(obj1);

此时虽然是 obj2 调用方法，但是使用 了call，动态的把 this 指向到 obj1。相当于这个

obj2.fn 这个执行环境是 obj1 。apply 和 call 详细内容在下面提及。

let obj={ a:222, fn:function(){ setTimeout(function()

{console.log(this.a)}) } }; obj.fn();//undefined

不难发现，虽然 fn() 里面的 this 是指向 obj ，但是，传给 setTimeout 的是普通函数

this 指向是 window ， window下面没有 a ，所以这里输出 undefined 。

let obj={ a:222, fn:function(){ setTimeout(()=>

{console.log(this.a)}); } }; obj.fn();//222

这次输出 222 是因为，传给 setTimeout 的是箭头函数，然后箭头函数里面没有 this，

所以要向上层作用域查找，在这个例子上， setTimeout 的上层作用域是 fn。而 fn 里面的

this 指向 obj ，所以 setTimeout 里面的箭头函数的 this ，指向 obj 。所以输出 222 。

let add=(function(){ let now=0; return

{ doAdd:function(){ now++; console.log(now); } } })()

now 这个变量，并没有随着函数的执行完毕而被回收，而是继续保存在内存里面

然后把这个对象赋值给 add 。由于 add 里面有函数是依赖于 now 这个变量

。所以 now 不会被销毁，回收。这就是闭包的用途之一（延续变量周期）。

由于 now 在外面访问不到，这就是闭包的另一个用途（创建局部变量，保护局部变量不会被访问

和修改）。

[]==[][] == [] 这个好理解. 当两个值都是对象 (引用值) 时, 比较的是两个引用值在内存中是否是

同一个对象. 因为此 [] 非彼 [], 虽然同为空数组, 确是两个互不相关的空数组, 自然 == 为 false.

计时器计时器里里面的对象都是window

函数嵌套函数外层函数执行返回里层函数(不是返回里层函数的执行结果)

在面向对象中的this再添加事件函数的时候前面要加this并且考虑是否要bind this