Kothing
Author of Kothing, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo.

JavaScript中构造函数和普通函数的区别

1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写

2、构造函数和普通函数的区别在于:调用方式不一样。作用也不一样(构造函数用来新建实例对象)

3、调用方式不一样。 a. 普通函数的调用方式:直接调用 person(); b.构造函数的调用方式:需要使用new关键字来调用 new Person();

4、构造函数的函数名与类名相同:Person( ) 这个构造函数,Person 既是函数名,也是这个对象的类名

5、内部用this 来构造属性和方法

1
2
3
4
5
6
7
8
9
function Person(name, job, age) {
     this.name=name;
     this.job=job;
     this.age=age;
     this.sayHi=function()
         {
          alert("Hi")
         }
 }

5、构造函数的执行流程

1
2
3
4
5
6
7
  A、立刻在堆内存中创建一个新的对象

  B、将新建的对象设置为函数中的this

  C、逐个执行函数中的代码

  D、将新建的对象作为返回值

6、普通函数例子:因为没有返回值,所以为undefined

1
2
3
4
5
6
function person() {

}
var per = person();
console.log(per);
// undefined

7、构造函数例子:构造函数会马上创建一个新对象,并将该新对象作为返回值返回

1
2
3
4
5
6
function Person() {

}
var per = new Person();
console.log(per);
// [object, Object]

8、用instanceof 可以检查一个对象是否是一个类的实例,是则返回true;

所有对象都是Object对象的后代,所以任何对象和Objectinstanceof都会返回true

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function Person(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
}

var per = new Person('张三', 18, '');
console.log(per);
console.log(per.name);
console.log(per.age);
console.log(per instanceof Person);

// 打印结果
[object, Object]
张三
18
true