ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-04-19 13:58:38  阅读:231  来源: 互联网

标签:ES6 ES5 name age sex 语法 class 构造函数


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,ES5,name,age,sex,语法,class,构造函数
来源: https://www.cnblogs.com/haoyd/p/12731290.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有