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语法）相关推荐

JavaScript (11) ES6语法
1. ES6 语法 ECMAScript 6 是继ECMAScript 5 之后发布的JavaScript 语言的新一代标准,加入了很多新的特性和语法,该标准于2015年6月17日发布了正式版本,并被 ...
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案参考文章: (1)nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 (2)https://www.cnblogs.com/jk ...
JavaScript字符串操作方法大全，包含ES6方法
一.charAt() 返回在指定位置的字符. var str="abc" console.log(str.charAt(0))//a 二.charCodeAt() 返回在指定的位置 ...
JavaScript字符串操作方法大全，包含ES6方法 1
一.charAt() 返回在指定位置的字符. var str="abc" console.log(str.charAt(1))//a 二.charCodeAt() 返回在指定的位置 ...
JavaScript字符串操作方法大全，包含ES6方法 2
一.charAt() 返回在指定位置的字符. var str="abc" console.log(str.charAt(1))//a 二.charCodeAt() 返回在指定的位置 ...
javascript中es6语法
es6语法简介: // 1.历史:// 1995-----JavaScript诞生// 1997-----ECMAScript标准确立// 1999-----ES3出现,与此同时IE5风靡一时// 2 ...
JavaScript面试题汇总
JavaScript 面试题汇总 1. 根据下面 ES6 构造函数的书写方式,要求写出 ES5 的 class Example { constructor(name) { this.name = na ...
JavaScript 面试题汇总
JavaScript 面试题汇总 1. 根据下面 ES6 构造函数的书写方式,要求写出 ES5 的 class Example { constructor(name) { this.name = na ...
在JavaScript中定义枚举的首选语法是什么？ [关闭]
在JavaScript中定义枚举的首选语法是什么? 就像是: my.namespace.ColorEnum = {RED : 0,GREEN : 1,BLUE : 2 }// later onif(c ...

javascript创建类方法汇总（包含es6语法）

javascript创建类方法汇总（包含es6语法）相关推荐

最新文章

热门文章