JavaScript构造函数

作者: 微语博客 | 来源:发表于2021-08-03 23:23 被阅读0次

在JavaScript编程中,构造函数是面向对象编程的基础。创建构造函数和普通函数一样,也是使用function关键字定义,但是构造函数的函数名习惯首字母大写。构造函数和普通函数的区别在于调用方式不一样,作用也不一样,构造函数用来新建对象实例的。

构造函数定义与调用

使用function关键字定义构造函数

function Person(){
    //函数体
}

从上面的示例可以很清晰看出构造函数和普通函数的定义基本一样,只是名称的命名习惯不同,但是函数的调用却不同。普通函数直接函数名加括号调用,构造函数使用new关键字实例化为对象。

function Person(){
    //函数体
}
var person = new Person();//创建person对象

Person 既是函数名,也是这个对象的类名

属性和方法

构造函数和对象一样,拥有方法和属性,而且这些方法和属性都会被实例化的对象所继承。在构造方法内部,指定属性和方法使用this关键字。

function Person(){
    this.name = "Cherry";
    this.speak = function (){
        console.log("I speak English");
    }
}
var person = new Person();
console.log(person.name);//Cherry
person.speak();//I speak English

上面的例子我们为构造函数创建了一个属性和一个方法,使用该构造函数实例化的对象都拥有该属性和方法。但是我们固定了属性和方法的值,所以显得不灵活,我们可以通过参数指定属性和方法的值。

var speak = function(){
    console.log("I speak English");
}
function Person(name,speak){
    this.name = name;
    this.speak = speak;
}
var person = new Person("Cherry",speak);//实例化对象的时候传入实参
console.log(person.name);//Cherry
person.speak();//I speak English

这个例子与前一个结果一样,但是我们可以传入不同的实参,就可以有不同的结果。

相关文章

  • 构造函数和原型对象

    javascript使用构造函数和原型对象来进行面向对象编程 构造函数 在 JavaScript 中,构造器其实就...

  • 原型与原型链

    构造函数与原型 JavaScript 语言使用构造函数(constructor)作为对象的模板。所谓”构造函数”,...

  • JavaScript 面向对象编程

    构造函数 JavaScript中的构造函数是创建对象时调用的函数,写法如下: 定义Person构造函数(默认构造函...

  • JavaScript的构造函数扩展、继承以及封装

    构造函数的扩展 扩展Man构造函数 构造函数的继承 Dog 继承 Pig JavaScript 内置对象的扩展 例...

  • javaScript面向对象—构造函数,原型和原型链

    构造函数 什么是构造函数 在javaScript中,用new关键字来调用的函数,称为构造函数。一般将构造函数的首字...

  • 前端高频面试题之——原型链

    JavaScript中的构造函数 原型是什么 面向对象语言中,类派生实例,JavaScript的函数可以作为构造器...

  • 2018-11-22

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • 22

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • 面向对象2

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • OOP-2

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

网友评论

    本文标题:JavaScript构造函数

    本文链接:https://www.haomeiwen.com/subject/pdeyvltx.html