2016年5月3日-javascript进阶第6天js6案例笔记

JavaScript进6（6班级：前端2期讲师：日期：201674E-mail:JavaScript进 一、原型 原型 二、继 JS描 in运算 一、原型函数是对我们之前学习过这首先要明确：JS中，函数是对象。112function34}56789fun.a fun.b fun.c=alert(this.a+fun.c(); vararr= console.log(typeofarr); 11varobj=2"name小东西3"age":4 男5o":67}8}11varobj==3obj.age=4 男5o=67}89Object()newObject()获得一原型obj的protoObjectprototypenewObject()我们之前学习过原型链查找命令xiaoming打点调用一个属性或者方法如果身上没有这个属性或者方法，Ptotype身上有没有，如果没有，继续查找Ototype身上。11vararr=new2arr[0]=3arr[1]=4arr[2]=5arr[3]=6arr[4]=7 vararr=现在我们要推理了，arrAtoAtotype。但是，AtoOtotype varfun=new varfun=2 任何任何对象都有proto，只有一个对象没有proto，就是Ototype，它是所有对象型链的终点proto可以翻译为“原型对象”，prototype注意，我们说的是任何对象都有protoprototypeprototype我们现在捋捋protoprototypefunctionfunction}protonew关键调用一个函数的时候，会返回一个新对象，这个新对象的protoprototype。任何对象都有proto，一般来说，它的proto1var1varstr1=new2varstr2=3console.log(str1.toString());//toString4newNumber()11vara=new2varb=34newBoolean()11varb1=new2varb2=这里有一个大坑，面试题的时候，基本类型值，用字面量的方式创建，它的proto也是他的包装构造函prototype11vara=2console.log(to==Ntotype); console.log("123".proto==Stotype);这是特别，不要问为什么，”123”的确不是对象，但是能够看做是String类型new出来的，所以”123”protoStringvarvararr=newarr.length;arr.push(“★”);11functionrepeat(str,2return(newArray(n+3}45二、继继承的定人有，狗也有；但是人的所有属性，狗不一定都有；反之，狗的所有属性，人不一定都有。 刚刚学计算机的人，会错误的认为，ABAB的马仔，AB的小喽啰，AB的一部分，AB小。完全错误！！！正确的是：AB，A大！！！！人属性群∈小学生属性群JS描112functionPeople(name,=4this.age=5=;6this.shengao=7}89Ptotype.shuohua=alert("你好，我是}Ptotype.chifan=alert("我是我在吃饭}functionStudent(name,age,xuehao,//this，这个空对象的proto//newStudentnewPeople.call(this,name,agethis.xuehao=this.banji=} Stotype=newvarxiaomingnew alert(xiaoming.shengao);// A.prototype=newA的实例的protoAprototypeAprototypeB的实例了。BprotoBprototypeStudentisaPeopleStudentPeople functionPeople(a,this.a=this.b= Ptotype.fun1=8 10Ptotype.fun2=12functionthis.c=this.d=20Stotype=newStotype.fun3=2627Stotype.fun4=29补充一个事儿两种写法的区别11=3}4Dtotype.haha=5alert(哈哈6}11=3}45Dtotype=67haha:alert(哈哈89chifan:alert(吃饭呢}} Dtotype.constructor=三、属性in运算11function2this.a=3this.b=4this.c=5}6Ptotype.d=7Ptotype.e=89varobj=newconsole.log("a"inobj);console.log("b"inobj);console.log("c"inobj);console.log("d"inobj);console.log("e"inobj);console.log("toString"inobj);lengthtoStringprotovalueOf ("length"inobj)&&hasOwnProperty()方 arr.hasOwnProperty("length");arr.hasOwnProperty("length");str.hasOwnProperty("length"); 11for(varkin234}5} xiaominginstanceOfxiaomingPeople()true；否则是false AinstanceOfAconstructorBAinstanceOfBAinstanceOfB;ABAB的实例，因为ACCB。11function23}4function56}7Dtotype=new89 varxiaobai=new console.log(xiaobaiinstanceofconsole.log(xiaobaiinstanceofconsole.log(xiaobaiinstanceof vararr= console.log(arrinstanceofconsole.log(