美文网首页关于JSYixi's 前端学习小记
JS##12 在 ES5 中如何用函数模拟一个类

JS##12 在 ES5 中如何用函数模拟一个类

作者: Yixi_Li | 来源:发表于2019-01-30 16:49 被阅读50次

ES 5 没有 class 关键字,所以只能使用函数来模拟类。
生成实例的时候,使用new关键字。类的属性和方法,还可以定义在构造函数的prototype对象之上。

function Person(name,age,job){
 this.name=name;
 this.age=age;
 this.job=job;
}

Person.prototype.sayName=function(){
 alert(this.name);
}

var person1 = new Person("张三","29","web frontpage manager");
var person2 = new Person("李四","22","doctor");


person1.sayName(); //弹出"张三"
console.log(person2.name)//输出“李四”

相关文章

  • 面向对象

    this是谁? new到底做了什么? 在 ES5 中如何用函数模拟一个类? 本质为原型链继承human.proto...

  • JS##12 在 ES5 中如何用函数模拟一个类

    ES 5 没有 class 关键字,所以只能使用函数来模拟类。生成实例的时候,使用new关键字。类的属性和方法,还...

  • 在 ES5 中如何用函数模拟一个类?

    ES 5 没有 class 关键字,所以只能使用函数来模拟类。 上面代码就是一个最简单的类,Human 构造函数创...

  • 在 ES5 中如何用函数模拟一个类?

    前言 现如今,单个网页包含10000行Javascript代码,早就司空见惯。编写和维护复杂的Javascript...

  • ES5构造函数与ES6类

    ES5 es5并没有类class,我们只能用构造函数来模拟类. 构造函数 构造函数用new操作符一起使用.new具...

  • 5月31号构造函数、ECMAscript(ES6)

    1,在很多面向对象语言中都有类的概念,但是在javascript(es5)中没有类。而我们可以通过构造函数来模拟一...

  • 构造函数、ECMAscript(ES6)

    1,在很多面向对象语言中都有类的概念,但是在javascript(es5)中没有类。而我们可以通过构造函数来模拟一...

  • 构造函数、ECMAscript(ES6)

    1,在很多面向对象语言中都有类的概念,但是在javascript(es5)中没有类。而我们可以通过构造函数来模拟一...

  • 构造函数,ECMAscript

    1,在很多面向对象语言中都有类的概念,但是在javascript(es5)中没有类。而我们可以通过构造函数来模拟一...

  • 构造函数,ECMAscript

    1,在很多面向对象语言中都有类的概念,但是在javascript(es5)中没有类。而我们可以通过构造函数来模拟一...

网友评论

    本文标题:JS##12 在 ES5 中如何用函数模拟一个类

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