从零开始学习前端JAVASCRIPT — 12、JavaScript面向对象编程

一、构造函数的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>面向对象编程</title> </head> <body> <script> /*构造函数(构造函数命名一般此采用大驼峰式命名即驼峰式命名首字母大写)*/ // 构造函数中的this指向的是即将生成的对象 // ES5的语法 function Es5Person(name) { this.name = name; this.sleep = function () { console.log('喜欢睡觉!'); }; } // ES6语法 class Es6Person { constructor(name) { this.name = name; } //定义方法省略关键字,且方法直接绑定到原型对象 sleep() { console.log('喜欢睡觉!'); } } var personOne = new Es5Person('小明'); var personTwo = new Es6Person('小张'); console.log(personOne); console.log(personTwo); </script> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzwzzs.html