美文网首页
2020-01-04 第一章 灵活的语言-----JavaS

2020-01-04 第一章 灵活的语言-----JavaS

作者: _踮起脚尖看世界 | 来源:发表于2020-01-04 16:49 被阅读0次

1.试着定义一个即可为函数原型添加方法又可为其自身添加方法的addMethod方法。

Function.prototype.addMethod=function(name,fn){
this[name]=fn;
return this;
};
var method=function(){};
method.addMethod('checkname',function(){
//验证名称
console.log('名称');
return this;
}).addMethod('checktel',function(){
//验证电话号码
console.log('电话');
return this;
});
method.checkhand=function(){
//检查手
console.log('检查手手');
return this;
};
//调用
method.checkname().checktel().checkhand();

//执行结果


图片.png

类式调用:

Function.prototype.addMethod=function(name,fn){
this.prototype[name]=fn;
return this;
};
var Method=function(){};
 Method.addMethod('checkname',function(){
//验证名称
console.log('名称');
return this;
}).addMethod('checktel',function(){
//验证电话号码
console.log('电话');
return this;
});
Method.prototype.checkhand=function(){
//检查手
console.log('检查手手');
return this;
};
//调用
var m=new Method();
m.checkname().checktel().checkhand();

//执行结果


图片.png

使用类式调用时犯了一个错误

Function.prototype.addMethod=function(name,fn){
this.prototype[name]=fn;
return this;
};
var Method=function(){};
 Method.addMethod('checkname',function(){
//验证名称
console.log('名称');
return this;
}).addMethod('checktel',function(){
//验证电话号码
console.log('电话');
return this;
});
Method.prototype.checkhand=function(){
//检查手
console.log('检查手手');
return this;
};
Method.checkhand2=function(){
//检查手
console.log('检查手手2');
return this;
};
//调用
var m=new Method();
m.checkname().checktel().checkhand();
Method.checkhand2();
m.checkhand2();//报错,因为checkhand2不是原型的函数,所以没有被m继承
图片.png

相关文章

  • 2020-01-04 第一章 灵活的语言-----JavaS

    1.试着定义一个即可为函数原型添加方法又可为其自身添加方法的addMethod方法。 //执行结果 类式调用: /...

  • JS中的继承:ES3、ES5 和 ES6的区别

    选择一种继承方式 JavaScript 是一门动态语言,动态意味着高灵活性,而这尤其可以体现在继承上面。JavaS...

  • 第一二三四五六章

    第一二三四五六章 第一章 C语言是一种 底层语言 小型语言 包容性语言 优点: 高效 可移植 功能强大 灵活 标准...

  • javascript 高级程序设计(1-2章)

    第一章:javascript简介 本章内容: javascript历史回顾 javascript是什么 javas...

  • HTL入门

    Adobe Experience Manager(AEM)支持的HTML模板语言(HTL)取代了JSP(JavaS...

  • 【译】2019年开始使用Typescript

    基于2018年Stack Overflow Developer的调研,TypeScript作为编程语言比JavaS...

  • JS概述

    JavaScript 简介 JavaScript 是面向HTML(网页)、Web(浏览器)的编程语言。 JavaS...

  • 灵活的语言-JavaScript

    刚开始去公司实习的时候,接到了一个验证表单的任务,内容不多,需要验证用户名,邮箱 ,密码~接到需求手,立刻写下了以...

  • 前端-第11天-学习

    JS的特点 解释型语言 类似于 C 和 Java 的语法结构 动态语言 基于原型的面向对象 解释型语言 JavaS...

  • 学习笔记-TypeScript

    TypeScript TypeScript 是一门基于 JavaScript 之上的编程语言,它解决了 JavaS...

网友评论

      本文标题:2020-01-04 第一章 灵活的语言-----JavaS

      本文链接:https://www.haomeiwen.com/subject/zixfactx.html