学习记录3

（1）面向对象三大特征:继承,多态(抽象),封装

（2）如何把一个对象的成员赋值给另一个对象

for(var key in arr)用遍历一个对象的所有属性,再去赋值给另一个对象,arr[key]或者arr.key

形成封装函数但对象与对象间的继承不是真正的继承,是属于对象的拷贝

function extend(parent,child){

for(var key in parent){

if(child[key]){

continue;}

child[key]=parent[key];}}

（3）真正的继承指的是类型与类型间的关系,在js中描述一个类型通过构造函数来实现

继承的作用是通过代码重用,通过新建一个父类型,将子类型中共同成员提升到父类型中

用在子类型上新建原型来实现

1原型继承,但并不实用,因为new构造函数只调用函数一次且不能设置构造函数的参数

Child.portotype = new Parent();

但是注意直接注意该会改变Child的constructor属性

要加Child.prototype.constructor = Child;//这个在设置原型的时候都要加

2bind()--改变函数的this指针方向并返回一个新的函数,并不调用函数,所以要新建一个变量来接受返回的值

function fn(x,y){}

var o = {}

var a = fn.bind{o,x,y};

a();bind第一个是指向的值,后面是fn传参

3call(),改变函数中的this,直接调用函数

fn.call(o,x,y);即可

4借用构造函数

function Parent(name,sex){

this.name = name;

this.sex =  sex;}

function Child(name,sex,age){

Parent.call(this,name,sex);

this.age = age;}

在父构造函数中内置方法可用

但是习惯性将方法写在原型上会不可用

5组合继承：借用构造函数+原型继承(就可以加方法和有参数的属性)

function Parent(name,sex){

this.name = name;

this.sex =  sex;}

function Child(name,sex,age){

Parent.call(this,name,sex);

this.age = age;}

Child.prototype = new Parent();

Child.prototype.constructor = Child;

//如果使用Child.prototype = Parent.prototype

也可以继承方法，但是由于指向同一个原型,子新建原型私有函数会加载父上,导致别的子可以访问当前子的私有函数

（4）继承不适用于简单js会使js变复杂

（5）函数定义方式

1函数声明

function fn() {}

fn();调用前后都可以

2函数表达式

var f = function() {}函数表达式不会进行函数提升

f();调用一定要放在其后面

//预解析会将函数的变量和声明提前,2只会提f不会提function,因为匿名函数是赋值

根据条件声明函数

现代浏览器不会提升if语句中的函数声明,在老版本ie则会同时if的函数声明,因为是同名函数,所以后一个覆盖前一个

if(true){

function fn(){console.log('true');}函数可同名

else{

function fn(){console.log('false');]

用函数表达式进行兼容

var fn;

if(true){

fn = function(){

console.log('ok')}

else{

fn = function(){

console.log('not ok');}

3new Function()

通过构造函数生成新的对象

var  fn = new Fn('console.log("ok");');

fn();//执行语句写在构造函数里面,执行较慢不推荐,从此可知函数也是对象

传参写法

var  fn = new Fn('a','b',console.log("a + b")');

（6）函数调用方式和指针指向,谁调用this指向谁

1.普通函数调用

function fn(){this}

fn();//实际上是window.fn()缩写,所以this指向window

2方法调用

var obj = {

fn:function(){console.log(true)},}

obj.fn();//this指向obj,this指向调用该函数的对象

3作为构造函数调用

fn.prototype.fn = function(){}

fn.fn();//构造函数内的this指向该构造函数创建的对象

4作为事件处理函数//this指向触发该事件的对象

5作为定时器的参数//this指向window

总结函数内部的this指向,是在函数调用时确定的

（7）证明对象是函数的实例

对象.__proto__ === 函数.prototype

（8）call, bind, apply可以改变函数中this的指向

function fn(){}

fn.call(); 作用:调用函数,改变this指向,第一个参数是this指向的对象,其他的参数对于函数的参数,call的返回值等于函数返回值,函数没有返回值默认undefined

（9）伪数组

getElementsByTagName()

var a = {

a:100,

b:20,}

a['c'] = 100;//可以加入

改进

Array.prototype.push.call(a,30);//调用数组对象中push方法

（10）apply运用

fn.apply(,[]);第一个是指针指向,第二个是数组,可以把数组中的每个值展开

Math.max可以求最大值但是要传值,直接把数组放进去不可用,所以不能求数组的最大值

Math.max.apply(null,arr);//不指向指针改成null或者Math

另一种运用

数组展开

console.log.apply(console,arr);

（10）bind运用

var obj = {

name:123,

fun: function(){

setInterval(function(){

console.log(this.name);}.bind(this),1000);}}

//计时器的this指向window,用bind就可指向obj

（11）函数的其他属性

fn.arguments//获取传入的实参值,是伪数组

当函数中参数不固定时可以用argument来获取传入的实参

（12）高级函数

1函数作为参数

2函数作为返回值

转载于:https://www.cnblogs.com/linquesblog/p/11340281.html