构建函数

JavaScript构造函数

在js中有两种方式可以创建对象,一种是直接同构关键字'new'创建的函数也成为构造函数,另一种则是通过直接量来创建函数。

  • 在js中一切皆为对象,并且每一个对象都有一个constructor属性,这个属性可以用来查看每一个对象的构造函数。
    demo;
var a = "我是品如";
console.log(a.constructor)
//输出的结果为(function:string)
当然也可以使用构造函数来创建对象
    function like(food,eat,drink){
    this.food = food;
    this.eat = eat;
    this.drink = drink ; 
    }
    var a = new like("beef","chicken","orange");
    var a1 = new like("beef1","chicken1","orange1");
    var a2 = new like("chips","milk","apple");
    //以上目的为存储数据
以上我创建了一个构造函数,并且通过new关键字调用构造函数创建了一个对象。

虽然构造函数在创建的时候比较繁琐,但之所以使用就是为了减少代码的重复书写,提高代码的复用性。

当然如果使用直接量的形式创建对象也可以。

demo:

var p  = {food:"beef",eat:"chicken",drink:"apple"};
var p1 = {food:"beef1",eat:"chicken1",drink:"apple1"};
var p2 = {food:"beef2",eat:"chicken2",drink:"apple2"};
虽然通过直接量也可以创建对象,不过,效率远不如构造函数

我创建一个用与测试的构造函数。

function sayhello(name){
    this.name = name;
}
var s1 = new SayHello("刘乐屋");

通过关键字new来创建一个对象的时候,相当于在内存中创建了一块新的空间并以函数名作为标记,而this关键字,指向的就是内存中的这个实例

常用事件函数与事件处理函数

  • 单击事件:onclick
  • 双击事: ondblclick
  • 文档加载事见;
  • 表单内容更改;
上一篇:Java中的重载和重写及区别


下一篇:002-ES6Class和普通构造函数的区别