发表于: 2019-10-05 21:58:30
1 750
今天完成的事情:
学习了如何在angular中引入Jquery和bootstrap,较为深入的学习了JS的函数以及函数的闭包和箭头函数的使用
明天计划的事情:
遇到的问题:
收获:
在angular中引入JQ的方法:
在命令行中写npm install jquery --save npm install bootstrap --save
作用分别是安装jquery和安装bootstrap,安装好之后会在node_modules文件夹中出现jquery和bootstrap文件
然后因为anjular使用的typescript不能识别jq,所以再次在命令行中
npm install @types/jquery --save-dev和npm install @types/bootstrap --save-dev
作用是使typescript能够识别对应的文件
闭包:
闭包指的是:能够访问另一个函数作用域的变量的函数。清晰的讲:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量。
产生一个闭包
创建闭包最常见方式,就是在一个函数内部创建另一个函数。
闭包有3个特性:
①函数嵌套函数
②函数内部可以引用函数外部的参数和变量
③参数和变量不会被垃圾回收机制回收
举例来说:
function test(){
var a=1;
return function(){
alert(a);
}
}
var try=test();
try();//弹出a的值
这个例子中,变量a在test方法外部是无法访问的,但test方法里面,嵌套了一个匿名函数,通过return返回,test作用域中的变量a,
可以在匿名函数中访问。并且当test方法执行后,变量a所占内存并不会释放,以达到嵌套的函数还可以访问的目的。
闭包的作用在于,可以通过闭包,设计私有变量及方法。
在js中实现类似java创建类的功能:
(function(){
var name="wangyu";
Person=function (val) {
name=val;
}
Person.prototype.setName=function(val){
name=val;
}
Person.prototype.getName=function () {
return name;
}
})();
var person1=new Person("sj");
alert(this.name)//undefined 因为在function作用域外不能访问
alert(person1.getName());//sj
在function里面的name,由于是在function作用域中,所以外部无法访问,但是可以通过创建person对象,调用person的方法,来达到
修改和访问name值的目的,类似于java类中的私有变量,外部无法访问,只能通过类方法访问。
总结:
1、闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量。闭包的缺点就是常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。
2、不必纠结到底怎样才算闭包,其实你写的每一个函数都算作闭包,即使是全局函数,你访问函数外部的全局变量时,就是闭包的体现。
评论