什么是闭包
对于闭包,我是这么认识的,在我们这个js当中呢,变量分为两种,一种叫全局变量,一种叫局部变量。在这个变量访问的过程中,全局变量没有问题,在任何地方都可以访问到,麻烦就麻烦再局部变量,局部变量默认情况下在函数外边是访问不到的,那这个事情怎么办呢,我们就用闭包开始了。
我可以在这个函数内部,再给他定义一个函数,这个就是二重函数,我们分为父和子两个函数,那么父函数内声明的变量,在子函数内是可以访问到的。而子函数的这个方法我们认为这是一个特权函数,他可以访问父函数中的变量,以及其他方法,这就是闭包产生的由来 。
那他解决的问题是什么呢,是因为咱们有时在写一些插件或者写一些东西的时候,确实是需要调用父方法中的局部变量的,那这个时候只能对外写一个接口,就是这个子函数。
还有一个,面向对象的三大特征里的封装也是要用到闭包的,你怎么把这个变量封装起来不让外面访问,提高代码安全,那我们只能用闭包。
闭包的优点总结下来就是:1解决了局部变量不能访问的问题,2体现了面向对象编程中的封装思想。
虽然闭包有优点,但他同时也存在缺点:1闭包会浪费很多内存资源2闭包会导致内存泄漏,同时内存的数据能遭受攻击,容易造成机器的崩溃。
最后他也同时存在针对缺点的解决方法:1少用闭包2手动清空(也就是说我声明一个方法函数,让变量等于null,最后在执行后调用那个方法)
这就是我对闭包的理解
谈谈对js当中继承的看法
那对继承,我是这么看的。咱们这个继承一般是针对父方法和子方法来说的,也就是说有两个方法,一个父方法,一个子方法。子方法可以拥有父方法的所有属性以及方法,那对于我们来说,js中常用的继承有3种。
第一种原型链继承:子对象他有一个默认属性是叫proto,他是指向这个方法本身,而方法本身他是不带父对象的方法或者属性的,所以他得调用他的prototype 的属性,这个prototype属性他又指向一个对象,这个对象是子方法的原型,那么这个原型他又是用父方法实例化出来的,所以他又是他父对象的proto,这个proto又指向的父对象本身内个prototype,这个prototype 又调用他里面的 属性和方法,这样的话就是他的原型链
继承。
第二个叫构造函数继承, 构造函数继承最重要的一点就是冒充,父对象定义在子对象
里面,在子对象里面可以引用父对象的属性和方法,构造函数继承我感觉比较简单。
再往后就是混合继承,那就是既有构造,又有原型,这样的一种继承方式。
这就是我对继承的一种看法。
(call和apply之间的区别:两种方法虽然都是继承属性,但书写格式存在不同
这里call方法是通过this 后跟着一个字符串系列
而apply方法同样也是通过this 不过传属性则是由数组构成
)
ajax
分为两种:原生的ajax / jquery的ajax
ajax是什么: 异步提交数据(同步)
刷新页面,整张页面闪烁————》同步
当你在页面上操作时,是局部闪烁(进度条)————》异步
什么是无刷新:整页不用刷新,局部刷新
工作原理
首先要知道,ajax触发是由事件触发,onmouseover onclick onchange
还有一个事件,这个事件就是负责监控的,onreadystatechange()
readystated
0 还没有完成初始化
1 已经调用的open方法,还没有调用send方法
2 已经调用完了send方法
3 已经接收到了服务器的部分数据,但是还没有全部接受完
4 已经接收到全部的数据,响应结束
还有一个status 状态值
当status状态值为200时,也就意味着,这个访问成功了
最后得到一个返回值,responseText,是以一种序列化的字符串的形式出现
实例:假设点击按钮,通过原生的ajax获取到json数据
通过try catch的方式创建ajax对象
Function ajaxObj(){
var xhr;
//异常处理,错误处理
try{ //尝试执行
Xhr=new ActiveXObject(“Microsoft.XMLHTTP”) //ie创建ajax
}catch(e){ //执行失败,捕获异常时触发 e为错误对象
Xhr=new XMLHttpRequest(); // 其他浏览器创建ajax对象
}
xhr.open(“get”,”a.php”,true); xhr.open(“method方法”,”路径”,”同步或异步”)
xhr.send(null);
xhr.onreadystatechange=function(){ //闭包
If(xhr.readystate==4 && xhr.status==200){
alert(xhr.responseText) //注意:此时返回的json数据是以序列化字符串的格式返回的
}
}
}
被jquery简化后的ajax常用的属性和方法
$.ajax({
url:””, //路径
async:””, //同步或异步,同步false,异步true
dataType:””, //返回预期类型
method:””, //提交方法
success:function(e){ //成功时触发的函数,得到返回值
Alert(e)
}
})
六种数据类型:数值类型,文本类型,布尔类型,对象类型,null类型,underfined类型
(typeof操作符 解析变量后的数据类型)
(检测对象类型 instanceof())
数值类型分为:整数型,浮点型,NAN
各个类型的方法
日期:toLocaleString() 将本地时间转换成字符串
valueOf() 返回当前data对象距1970年1月1号午夜的毫秒数
string类型:charAt() 返回指定位置的字符,括号内输入下标
slice() 提取字符的某个部分
(x,y)存在两个值时,截取从x到y
(x)截取从x到字符串结束
(-x)截取从后往前查时的x到字符串结束
substr() (x,y)截取以为起点,共y个字符
indexOf() 返回括号内的值在字符串中首次出现的位置
lastindexOf() 返回括号内的值在字符串中最后一次出现的位置
数组类型: length 返回数组中元素的个数
数组名.Instanceof.Array / Array.isArray(数组名) 判断是否为数组
push() 在数组末尾增加一个或多个元素
delete 数组名[下标] 删除数组指定下标的元素
(区别:添加时元素长度增加,删除时元素长度不变)
pop() 删除并返回元素的最后一个值
join() 将数组中所有元素转化为字符串,以括号中的符号拼接在一起
reverse() 将数组的顺序颠倒
sort() 将数组元素进行排序(字母按顺序排序,数字不定)
slice() 截取数组片段,将其返回
(x,y)存在两个值时,截取从x到y
(x)一个值时截取从对应下标到数组结尾
splice() 用于插入,删除或替换数组的元素
构造方法原型链继承的思路
每一个javaScript构造方法都有一个名称为prototype的属性,可以指向另一个对象。当我们访问对象属性时,javaScript引擎会从对象的所有属性中查找该属性,如果找到就返回属性值,如果没有找到就继续从prototype属性指向的对象属性中查找,如果仍然没有找到,则会沿着prototype链一直查找下去,知道找到属性或者prototype链结束。