__________________________________
普通函数和构造函数的区别
在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。
在函数调用的时候:
function fn() { }
构造函数:1. new fn( )
2 .构造函数内部会创建一个新的对象,即f的实例
3. 函数内部的this指向 新创建的f的实例
4. 默认的返回值是f的实例
普通函数:1. fn( )
2. 在调用函数的内部不会创建新的对象
3. 函数内部的this指向调用函数的对象(如果没有对象调用,默认是window)
4. 返回值由return语句决定
//构造函数
function Egperson (name,age) {
this.name = name;
this.age = age;
this.sayName = function () {
alert(this.name);
}
}
var person = new Egperson('mike','18'); //this-->person
person.sayName(); //'mike'
//普通函数
function egPerson (name,age) {
this.name = name;
this.age = age;
this.sayName = function () {
alert(this.name);
}
}
egPerson('alice','23'); //this-->window
window.sayName(); //'alice'
可以看出:
1)构造函数内部会创建一个实例,调用普通函数时则不会创建新的对象。
2)构造函数内部的this指向是新创建的person实例,而普通函数内部的this指向调用函数的对象(如果没有对象调用,默认为window)
构造函数的返回值:
有一个默认的返回值,新创建的对象(实例);
当手动添加返回值后(return语句):
1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象(实例)
2. 返回值是复杂数据类型(对象)-->真正的返回值是这个对象
看一个常见的面试题
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script>
function
foo() {
var
f2 =
new
foo2();
console.log(f2);
//{a: 3}
console.log(
this
);
//window
return
true
;
}
function
foo2() {
console.log(
this
);
//foo2类型的对象 不是foo2函数
// this.age = 30;
return
{a: 3};
}
var
f1 = foo();
console.log(f1);
// true
</script>
|
=_____________________________________________________________________________________
JS----构造函数与原型prototype 区别
http://blog.csdn.net/damys/article/details/47006405
构造函数方法很好用,但是存在一个浪费内存
通过原型法分配的函数是所有对象共享的.
通过原型法分配的属性是独立.-----如果你不修改属性,他们是共享
如果我们希望所有的对象使用同一一个函数,最好使用原型法添加函数,这样比较节省内存.
例子:
//----构造函数模式
为Cat对象添加一个不变的属性"type"(种类),再添加一个方法eat(吃老鼠)。那么,原型对象Cat就变成了下面这样:
- <script>
- function Cat(name, color) {
- this.name = name;
- this.color = color;
- this.type = "猫科动物";
- this.eat = function () {
- alert("吃老鼠");
- };
- }
- //生成实例:
- var cat1 = new Cat("大毛", "黄色");
- var cat2 = new Cat("二毛", "黑色");
- alert(cat1.type); // 猫科动物
- cat1.eat(); // 吃老鼠
- alert(cat1.eat == cat2.eat); //false
- </script>
<script>
function Cat(name, color) {
this.name = name;
this.color = color;
this.type = "猫科动物";
this.eat = function () {
alert("吃老鼠");
};
}
//生成实例:
var cat1 = new Cat("大毛", "黄色");
var cat2 = new Cat("二毛", "黑色");
alert(cat1.type); // 猫科动物
cat1.eat(); // 吃老鼠
alert(cat1.eat == cat2.eat); //false
</script>
那就是对于每一个实例对象,type属性和eat()方法都是一模一样的内容,每一次生成一个实例,都必须为重复的内容,多占用一些内存。这样既不环保,也缺乏效率。
//----Prototype模式
Javascript规定,每一个构造函数都有一个prototype属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。
这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。
- <script>
- function Cat(name, color) {
- this.name = name;
- this.color = color;
- }
- Cat.prototype.type = "猫科动物";
- Cat.prototype.eat = function () {
- alert("吃老鼠")
- };
- //生成实例。
- var cat1 = new Cat("大毛", "黄色");
- var cat2 = new Cat("二毛", "黑色");
- alert(cat1.type); // 猫科动物
- cat1.eat();// 吃老鼠
- alert(cat1.eat == cat2.eat);//trueF
- </script>
<script>
function Cat(name, color) {
this.name = name;
this.color = color;
}
Cat.prototype.type = "猫科动物";
Cat.prototype.eat = function () {
alert("吃老鼠")
};
//生成实例。
var cat1 = new Cat("大毛", "黄色");
var cat2 = new Cat("二毛", "黑色");
alert(cat1.type); // 猫科动物
cat1.eat();// 吃老鼠
alert(cat1.eat == cat2.eat);//trueF
</script>
这时所有实例的type属性和eat()方法,其实都是一个内存地址,指向prototype对象,因此就提高了运行效率