當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript创建类方法汇总(包含es6语法)
生活随笔
收集整理的這篇文章主要介紹了
javascript创建类方法汇总(包含es6语法)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
復制以下代碼,使用node? xxx.js 即可運行
/*********************************** * 使用class關鍵字定義類(ES6 語法) ***********************************/ class Person{constructor(name, age) {this.name = name;this.age = age;}setName(name){this.name = name;}getName(){console.log(this.name);} } person1 = new Person("yoyo",22); person1.getName(); person1.setName("優優"); person1.getName(); console.log("---------------------------"); /*********************************** * 使用prototype關鍵字定義類 ***********************************/ function Dog(name,color){this.name = name;this.color = color; } Dog.prototype.setName = function(name){this.name = name; } Dog.prototype.getName = function(){console.log(this.name); } dog1 = new Dog("xiaohua","black"); dog1.getName(); dog1.setName("小花"); dog1.getName(); console.log("---------------------------"); /*********************************** * 使用object關鍵字定義類(工廠模式) ***********************************/ function getCat(){var obj = new Object();obj.name = "miaomiao";obj.color = "black";obj.getName = function(){console.log(this.name);}obj.getColor = function(){console.log(this.color);}return obj; } var cat = getCat(); cat.getName(); cat.getColor(); console.log("---------------------------"); /*********************************** * 通過{}方式定義類(封裝) ***********************************/ var Chicken = {getChicken: function(){var chicken = {};chicken.name = "小雞雞";chicken.getName = function(){console.log(this.name);}return chicken;} } chicken = Chicken.getChicken(); chicken.getName(); console.log("---------------------------"); /*********************************** * 直接定義獲取對象 ***********************************/ var duck = {name:"小鴨子",age:2,getName: function(){console.log(this.name);} } duck.getName(); console.log("---------------------------");?
總結
以上是生活随笔為你收集整理的javascript创建类方法汇总(包含es6语法)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 使用vuex 进行组件之间的通讯
- 下一篇: 匿名函数、普通函数、箭头函数作用域