16前端基本功网页特效601前端基本功js第十三天

《16前端基本功网页特效601前端基本功js第十三天》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、前端基本功—javascript第十三天目录闭包基础面向对象基础1.1闭包在程序语言中，所谓闭包，是指语法域位于某个特定的区域，具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义(或创建)时的值。白话：我们可以用一个函数去访问另外一个函数的内部变量的方式就是闭包。内部变量是局部变量那我们知道，局部变量是不可以为别人随便使用也。functionfun(){varnum=10;}console.log(num);//

2、这样子就错了num是一个局部变量测试题1functionouterFun()2{3vara=0;4functioninnerFun()5{6a++;7alert(a);8}1returninnerFun;//注意这里2}3varobj=outerFun();4obj();obj();5varobj2=outerFun();6obj2();obj2();7结果是：1212闭包的优点：优点：不产生全局变量，实现属性私有化。缺点：闭包中的数据会常驻内存，在不用的时候要删掉否则会导致内存溢出。1.1对象（o

3、bject）对象是什么？基本数据类型stringnumberbooleannullundefinedArray对象对象数据类型：对象就是带有属性和方法的数据类型varnum=10;//变量vararr=[];//数组arr.index=10;//数组arr的一个index属性但是有个问题，我们想要某些属性或者方法的时候，用数组不合适。arr.lenght.我们想要自己id属性和方法。要求这个一定是个对象才行。1.1.1声明对象我们有两种声明对象的方式.varobj=newObject();但是我们更

4、提倡用第二种方法：字面量式声明对象varobj={};varobj={};//声明对象obj.name="刘德华";//属性obj.age=55;obj.showName=function(){//声明方法方法一定带有()alert("俺是刘德华");}obj.showAge=function(){alert("俺今年18岁");}1.1.2使用对象console.log(obj.name);//调用属性console.log(obj.age);obj.showName();//调用方法obj.sh

5、owAge();1.1.3面向对象面向对象里面：类和对象类是对象的抽象，而对象是类的具体实例一切事物皆对象JavaScript一切皆对象类和对象对象女朋友小胡你有对象了吗？泛指女朋友旁边坐的那个女生是你对象吗？特指某一个女朋友大家喜欢吃苹果吗？泛指类你手里的那个苹果甜吗？特指对象（具体的实例）面向对象的特性1.抽象抽象就是忽略一个主题中与当前目标无关的那些方面，以便更充分地注意与当前目标有关的方面。2.封装封装是把过程和数据包围起来，对数据的访问只能通过已定义的界面3.继承4.多态多态是指两个或多个

6、属于不同类的对象，对于同一个消息（方法调用）作出不同响应的方式1.1.1new新的我们经常利用new关键字去声明新的对象javascriptnew运算符的作用是创建一个对象实例。这个对象可以是用户自定义的，也可以是带构造函数的一些系统自带的对象。new关键字可以让this指向新的对象所谓"构造函数"，其实就是一个普通函数，但是内部使用了this变量。对构造函数使用new运算符，就能生成实例，并且this变量会绑定在实例对象上。1.1.1prototype共同的相同的部分主要解决：函数因为使用非常非常

7、多，重复执行效率太低。Person.prototype.showName=function(){//用的共同的父亲alert("我的名字是"+this.name);}类.prototype.方法=function(){}具体格式可以把那些不变的属性和方法，直接定义在prototype对象上使用方法：类名.prototype.方法