javascript基础学习七

回顾：
1、
function Student (name , age ){
this.name = name;
this.age = age;
}
Student.prototype = {//第一句执行
sayHello : function(){
console.log("nihao");
}
};
var p = new Student('zhansa',19);
代码分析：
1、首先预解析的过程，声明构造函数Student，同时构造原型对象student.Prototype

2、第一句话执行第行代码。重新覆盖原型对象。原来的默认对象不再被指向

3、创建对象，new对象，然后构造函数的this指向当前对象

4、在构造函数内部，利用对象的动态特性给刚刚创建出来的对象提供属性name，age
　　a)构造函数在调用的时候传入参数，‘zhansa’，19
　　b)因此对象属性为。。。
　　c)对象初始化完成以后，返回对象的地址给变量p

5、执行调用方法。p调用sayHello方法
a)首先在p所指向的对象中查看没有sayHello方法
b)然后在其原型对象，Student.prototype中查找
c)在新的原型对象中有sayHello，因此调用它
d)在该方法中打印

Object.create的方法

是es5中引入的新方法。

语法：

Object.Create（对象）返回一个新对象，返回的新对象的原型就是参数中表示的对象

功能：实现继承，创建一个原型继承自参数的对象

例如：

var o = {
sayHello : function(){}
};
var o1 = Object.create(o);
//创建一个对象o1，该新对象的原型即__proto__就是o
o1.sayHello();
//js对象是键值对集合【键 ：值】
var arr = Object.create([]);
//1、存储数据
arr.push(1);
arr.push(2);
arr.push(2,3,4,5,6,7);
//2、遍历
for ( var i = 0;i < arr.length;i++) {
console.log('['+i+'] = ' + arr[i]);
}

练习：如果浏览器不支持object.create怎么办

var o = {
sayHello : function(){}
};
var o1 = Object.create(o);
//创建一个对象o1，该新对象的原型即__proto__就是o
o1.sayHello();
//js对象是键值对集合【键 ：值】
var arr = Object.create([]);
//1、存储数据
arr.push(1);
arr.push(2);
arr.push(2,3,4,5,6,7);
//2、遍历
for ( var i = 0;i < arr.length;i++) {
console.log('['+i+'] = ' + arr[i]);
} 
//不要修改内置对象，如下：
// if (!Object.create){
// Object.create = function(){}
// }

//该函数要实现原型继承，返回的对象应该继承自obj
function inherit ( Obj ){
if(Object.create){
return Object.create(Obj);
}else {
function F(){}
F.prototype = Obj;
return new F();
}
}

var arr = inherit([]);

对象的原型链

　　1、凡是对象都有原型

　　2、原型也有对象

问题

　　1、原型链到底到什么时候是个头

　　2、一个默认的原型链结构是怎样的

　　3、原型链结构对已知语法的修正

原型链的结构

凡是使用构造函数，并且没有利用赋值的方式修改原型，创建出来的对象就保留默认的原型链。

默认原型链结构是什么样子呢？

默认的原型链结构就是当前对象 ->构造函数.Prototype->object.Prototype->null

什么是原型式继承

所谓的原型式继承就是利用修改原型链的结构（增加、删除、修改）来世的实例对象可以使用整条链中的所有成员

这里的规则。

在js中，所有的对象字面量在解析之后，就是一个具体的对象，可以理解为调用对应的构造方法

1、例如在代码写上‘{}’,就相当于‘new object（）’

2、例如在代码写上‘[]’,就相当于‘new array（）’

3、例如在代码写上‘/。/’,就相当于‘new Regexp（）’

注意：在底层理论执行的过程中，是否有调用构造函数，不一定，跟浏览器版本有关.

在js中使用Function 可以实例化函数对象。也就是说函数是个对象

1、函数是对象，就可以使用对象的动态特性

2、函数是函数，可以创建其他对象

3、函数是唯一可以限定变量作用域的结果

要解决的问题

1、 Function如何使用

2、 Function与函数的关系

3、函数的原型链结构

函数是Function的实例

语法：new Function（arg0，arg1，arg2.。。）

1、 Function中的参数全部是字符串

2、该构造函数的作用是将参数连接起来组成函数

a) 如果参数只有一个，那么表示函数体

b) 如果参数有多个，那么最后一个参数表示函数体，其他表示参数

c) 如果没有参数，表示创建一个空函数

Arguments

Arguments 是一个为数组对象,表示在函数调用的过程中传入所有的参数集合.

在函数调用过程中没有规定参数的个数与类型，因此函数调用就具有灵活性.

为了方便使用，在每一个函数调用的过程中，函数代码体内又一个默认的对象arguments，它存储着实际传入的所有参数.

js中函数并没有规定必须如何传参

1、定义函数的时候不写参数，一样可以调用时传递参数

2、定义的时候写了参数，调用的时候可以不传参

3、定义的时候写了一个参数，调用的时候可以传入任意多个参数

在代码设计中，需要函数带任意个参数的时候，一般就不带任何参数，所有的参数利用arguments来获取

Function foo （/*。。。*/）{}

function foo (){
//所有的参数都在arguments中，将其当作数组使用
//问题
var args = arguments;
var max = args[0];
for (var i =1; i< args.length; i++){
if(max < args[i]){
max = args[i];
}
}
return max;
}
console.log(foo(1,2,3,4,34,2,34234));

为什么要使用Function？

函数的原型链结构：

任意的一个函数，都相当于Function的实例。类似于{}与new object（）的关系

Function foo（）{}

相当于告诉解释器，又一个对象foo，它是一个函数

相当于new Function（）,因此：

1、函数应该有什么属性？‘__proto__’;

2、函数的构造函数Function（）

3、函数继承自Function.Prototype

4、Function.prototype继承自object.Prototype

小结：

Object构造函数是Function的一个实例

Object作为对象继承自Function.prototype.又F.prototype继承自Object.prototype

Function是自己的构造函数（*****）

绘制Function的构造原型实例三角形结构

1、在js中任何对象的老祖宗就是Object.prototype

2、在js中任何函数的老祖宗就是Function.Prototype

小结：　　

每个函数都有prototype属性指向原型自定义的没有;

每个对象都有—proto-属性指向原型；

__proto__属性是为了能够直接使用原型的方法。

小结：

Object.create最简单原型继承

对象原型链

javascript基础学习七

为什么要使用Function？

猜你喜欢