Javascript 普通函数和构造函数的区别

JavaScript04

Javascript 普通函数和构造函数的区别,第1张

JS中构造函数有普通函数有什么区别?

1.一般规则

构造函数都应该以 一个大写字母开头,eg:

function Person(){...}

而非构造函数则应该以一个小写字母开头,eg:

function person(){...}

2.调用方式

任何函数,只要通过 new 操作符来调用,那它就可以作为构造函数 ;

任何函数,如果不通过 new 操作符来调用,那它跟普通函数也没有什么两样。

demo:

//创建函数

function Person(name,age,job){

this.name = name

this.age = age

this.job = job

this.sayName = function(){

alert(this.name)

}

}

//当做构造函数使用

var person = new Person('Nicholas',29,'Software Engineer')//this-->person

person.sayName()//'Nicholas'

//当做普通函数调用

Person('Greg',27,''Doctor)//this-->window

window.sayName()//'Greg'

一.构造函数和普通函数的三个不同点

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

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

3、调用方式不一样。

a. 普通函数的调用方式:

直接调用 child()

b.构造函数的调用方式:

需要使用new关键字来调用 new Child()

二.构造函数的函数名与类名相同:Child() 这个构造函数,Child 既是函数名,也是这个对象的类名。(这一点和java的构造方法类似)

三.内部用this 来构造属性和方法

四.构造函数的执行流程

五.普通函数例子:

因为没有返回值,所以为undefined

六.构造函数:构造函数会马上创建一个新对象,并将该新对象作为返回值返回。(下面的案例没有成员属性,对象的属性都没有的情况)

七.使用instanceof 可以检查一个对象是否是一个类的实例,如是则返回true;

所有对象都是Object对象的后代,

所以任何对象和Object做instanceof都会返回true

函数就是方法,具体格式是 function myfun() { //执行代码 } 这种形式。 构造函数是函数中一种特殊的函数,也就是预定义函数,这函数已经被系统编写好了,能够执行一些特殊情况下的操作