最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript强化教程——对象创建模式

来源:动视网 责编:小采 时间:2020-11-27 20:31:50
文档

JavaScript强化教程——对象创建模式

JavaScript强化教程——对象创建模式:介绍本篇主要是介绍创建对象方面的模式的下篇,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式:函数语法糖函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用prototype的特性,代码比较简单,我们先来看一下实现代码
推荐度:
导读JavaScript强化教程——对象创建模式:介绍本篇主要是介绍创建对象方面的模式的下篇,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式:函数语法糖函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用prototype的特性,代码比较简单,我们先来看一下实现代码


介绍

本篇主要是介绍创建对象方面的模式的下篇,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。

模式:函数语法糖

函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用prototype的特性,代码比较简单,我们先来看一下实现代码:

if (typeof Function.prototype.method !== "function") {
 Function.prototype.method = function (name, implementation) {
 this.prototype[name] = implementation;
 return this;
 };
}
扩展对象的时候,可以这么用:

var Person = function (name) {
 this.name = name;
}
.method('getName',
 function () {
 return this.name;
 })
.method('setName', function (name) {
 this.name = name;
 return this;
});
这样就给Person函数添加了getName和setName这2个方法,接下来我们来验证一下结果:

var a = new Person('Adam');
console.log(a.getName()); // 'Adam'
console.log(a.setName('Eve').getName()); // 'Eve'
模式7:对象常量

对象常量是在一个对象提供set,get,ifDefined各种方法的体现,而且对于set的方法只会保留最先设置的对象,后期再设置都是无效的,已达到别人无法重载的目的。实现代码如下:

var constant = (function () {
 var constants = {},
 ownProp = Object.prototype.hasOwnProperty,
 // 只允许设置这三种类型的值
 allowed = {
 string: 1,
 number: 1,
 boolean: 1
 },
 prefix = (Math.random() + "_").slice(2);

 return {
 // 设置名称为name的属性
 set: function (name, value) {
 if (this.isDefined(name)) {
 return false;
 }
 if (!ownProp.call(allowed, typeof value)) {
 return false;
 }
 constants[prefix + name] = value;
 return true;
 },
 // 判断是否存在名称为name的属性
 isDefined: function (name) {
 return ownProp.call(constants, prefix + name);
 },
 // 获取名称为name的属性
 get: function (name) {
 if (this.isDefined(name)) {
 return constants[prefix + name];
 }
 return null;
 }
 };
} ());
验证代码如下:

// 检查是否存在
console.log(constant.isDefined("maxwidth")); // false

// 定义
console.log(constant.set("maxwidth", 480)); // true

// 重新检测
console.log(constant.isDefined("maxwidth")); // true

// 尝试重新定义
console.log(constant.set("maxwidth", 320)); // false

// 判断原先的定义是否还存在
console.log(constant.get("maxwidth")); // 480

文档

JavaScript强化教程——对象创建模式

JavaScript强化教程——对象创建模式:介绍本篇主要是介绍创建对象方面的模式的下篇,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式:函数语法糖函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用prototype的特性,代码比较简单,我们先来看一下实现代码
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top