当前位置:文档之家› javascript如何封装函数

javascript如何封装函数

本文由我司收集整编,推荐下载,如有疑问,请与我司联系
javascript 如何封装函数
2017/02/28 81 通常写js 组件开发的,都会用到匿名函数的写法去封装一个对
象,与外界形成一个闭包的作用域。

封装,全天下漫天遍野的封装,JQuery,EXT
和Prototype.js 封装的是javascript,jQuery uI 和jQuery mobile 封装着jQuery,java
中的JDBC 在spirng,Hibernate 等框架封装着。

1 !doctype html
2 html lang=“en”
3 head
4 meta charset=“UTF-8”
5 meta name=“viewport”content=“width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0”
6 meta http-equiv=“X-UA-Compatible”content=“ie=edge”
7 title Document /title
8 /head
9 body 10 script type=“text/javascript”11 var beibei = {12 init:function () {13 console.log(‘come in here!’);15};16 beibei.init();18 //构造函数19 function Person() {20 = “beibei”;21 this.age = 26;22 this.getName = function () {23 return ;26 var person = new Person();27 console.log(person.age);28 console.log(person.getName());30 function
Person(name,age) {31 = name;32 this.age = age;33 this.getName = function ()
{34 return ;38 var p1 = new Person(“beibei”,10);39console.log();40 console.log(p1.age);41 console.log(p1.getName());43 //这样写是没问题的但是有一点
缺陷就是每个对象都维护相同的方法实例而其实它们可以共享此方法而不必每
个对象都生成此实例44 //在java 语言中面向对象的思想中有一条“继承”既然此方
法对于每个对象来说是公用的那么可以在它的父类中实现45 //在javascript 中继承
是基于原型对象的继承在原型对象中实现此方法,那么每个对象调用次方法时首
先查看自己是否有此方法如果有调用自己的方法46 //如果没有去原型对象中查
询调用原型对象的方法是不是和java 中的继承差不多呢?这是修改后的代码。

48 function Person(name,age) {49 = name;50 this.age = age;53 Person.prototype.getName = function () {54 return ;57 var p1 = new Person(“beibei”,10);58console.log();59 console.log(p1.age);60 console.log(p1.getName());62 //对象字面量的形式构造对象63 var p1 = {64。

相关主题