继承
是指一种关系,面向对象的三大特征之一
js中的继承
js中是通过构造函数中的原型来实现继承,模拟强类型语言中类的概念
优点是:可实现数据共享,优化内存,节省资源
实现方式是将父类构造函数的原型赋给子类构造函数
继承的实例应用
动物有名字,有体重,有吃东西的行为
小狗有名字,有体重,有毛色,有吃东西的行为,还有咬人的行为
二哈有名字,有体重,有毛色,性别,有吃东西的行为,还有咬人的行为,逗主人开心的行为
代码如下(js中的代码):
function Animal(name,weight){
this.name=name;
this.weight=weight;
}
Animal.prototype.eat=function(){
console.log('有吃东西的行为');
}
function Smalldog(color){
this.color=color;
}
Smalldog.prototype=new Animal();
Smalldog.prototype.yao=function(){
console.log('有咬人的行为');
}
function Twodog(sex){
this.sex=sex;
}
Twodog.prototype=new Smalldog();
Twodog.prototype.havefun=function(){
console.log('有逗主人开心的行为');
}
var dog=new Twodog();
dog.name='小黄';
dog.weight='25公斤';
dog.color='yellow';
dog.sex='雌';
console.log(dog);
原型链
每个构造函数都有原型对象// 创建一个构造函数 都会默认的创建一个 构造函数的原型
每个对象都有构造函数
每个构造函数的原型都是一个对象
那么这个原型对象也会有构造函数
那么这个原型对象的构造函数也有原型对象
这样就会形成一个链式结构,称之为 原型链
原型结构的基本形式:
function Perosn(name){
this.name=name;
}
var p=new Person();
// p----->Person.prototype----->Object.prototype----->null
属性搜索原则
1.当访问一个对象的成员的时候,会现在自身找有没有,如果找到直接使用,
2.如果没有找到,则去当前对象的原型对象中去查找,如果找到了直接使用,
3.如果没有找到,继续找原型对象的原型对象,如果找到了,直接使用
4.如果没有找到,则继续向上查找,直到Object.prototype,如果还是没有,就报错
原型继承概念
通过修改原型链结构实现的继承
函数的进阶
函数声明:function f1(){}
函数表达式:var ff=function(){}
函数声明和函数表达式的区别:
声明函数:
if(true){
function f1(){}
}else{
function f1(){}
}
f1();
函数声明如果放在if-else的语句中,在IE8的浏览器中会出现问题,执行的是后面的else
但是使用 函数表达式就可以解决这一问题:
var ff;
if(true){
ff=function(){}
}else{
ff=function(){}
}
ff();
// 以后宁愿使用函数表达式 都不用函数声明
函数中this指向的问题
(1)普通函数的this是window
Eg: function(){console.log(this);}
(2)定时器中的this是window
setInterval(function(){console.log(this);},1000);
(3)构造函数中的this 是实例对象
function Person(){console.log(this);} var per=new Person(); console.log(per);
(4)对象的方法中的 this 也是实例对象
function Person(){
console.log(this);
this.sayHi=function(){
console.log(this);
}
}
var per=new Person();
console.log(per);
(5)原型对象中的this 也是 实例对象
Person.prototype.eat=function(){
console.log(this); // Person 对象
}
per.eat();
严格模式的写法
严格模式 其实 就是所有的函数 都必须使用对象调用
特点: 在函数之前添加"use strict"
函数是对象,对象不一定是函数
对象中有__proto__原型,是对象
// 函数中有prototype原型,是对象
function F1(){} console.dir(F1); // 有__proto__是对象,有prototye是函数
console.log(Math);// 没有prototype 不是函数``
是函数 则 就具备 prototype原型 以及 proto__对象
是对象 则只有__proto
所有的函数实际上都是Function的构造函数创建出来的
Eg: function F1(name){
this.name=name;
}
console.dir(F1); // 控制台查看 构造器 指向的是Function 构造函数
Eg:
var f1=new Function("num1","num2","return num1+num2");
console.log(f1(10,20)); // 返回30
以上类似于: 函数声明和函数表达式的写法
// 所以函数是对象
console.dir(f1); // __proto__ 以及prototype