首页 > 其他好文 > 详细

ES6构造函数class 和 ES5构造函数语法介绍

时间：2020-04-19 14:47:01 阅读：62 评论：0 收藏：0 [点我收藏+]

标签：调用函数 his 定义函数调用 this 关键词 type 方式函数

ES5构造函数语法举例:

function CrtObj(name, age, sex) {

// 定义属性

this.name = name;

this.age = age;

this.sex = sex;

}

// 在构造函数的 prototype 属性中,来定义实例化对象的方法

CrtObj.prototype.fun = function(){

console.log(this.name, this.age, this.sex);

}

　　//prototype 之后调用函数　

　　

通过ES5构造函数语法调用构造函数,生成实例化对象,一定要在定义 prototype 之后

否则生成的实例化对象,只有属性没有函数方法

class Fun{

　　　//通过关键词constructor来定义属性

constructor(name,age){

this.name = name;

this.age = age;

}

　　　//在class里面关键词constructor之后定义函数方法

f(){

console.log(this.name , this.age);

}

}

　　//在class之后调用函数,在前面调用class不会被预解析,会报错

const obj = new Fun(‘张三‘,18);

console.log(obj);

ES6中,新增语法形式 class 类,是一种新的定义构造函数的语法

作用和原理与ES5语法完全相同,只是语法格式和书写方式不同

ES6构造函数class 和 ES5构造函数语法介绍

标签：调用函数 his 定义函数调用 this 关键词 type 方式函数

原文地址：https://www.cnblogs.com/haoyd/p/12731290.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！