容易犯的错误原因
认为是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布尔值转换为数字后讲加