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选择符说法正确是通用兄弟选择器(E 〜 F)

通用兄弟元素选择器是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

"1"+undefined//=>"1undefined";1+null//数值转换null=>0,结果1相当于执行字符串拼接

true+true//2;1+undefined//数值转换undefined=>NaN,结果NaN布尔值转换为数字后讲加

你可能感兴趣的:(js错误总结)