美文网首页
2.用面向对象写程序的步骤

2.用面向对象写程序的步骤

作者: 谷子多 | 来源:发表于2018-01-03 17:01 被阅读0次

步骤:

    1.写一个类, 变量就是属性,并在里面执行init方法

    2.方法挂在原型上,不同的功能全部拆开,分别写在原型上。

    ( 建init方法初始化,里面写主逻辑。 )

    3.实例化对象


function Tab() {

this.btns= document.querySelectorAll('input')

this.divs= document.querySelectorAll('div')

this.init()

}

Tab.prototype.init = function(){

let that= this

    this.btns.forEach(function (ele,i) {

ele.onclick = function( ){

that.change(i)

}

})

}

Tab.prototype.change = function(i){

let that= this

    this.btns.forEach(function (e,i) {

e.className=''

        that.divs[i].className=''

    })

this.btns[i].className= 'active'

    this.divs[i].className= 'show'

}

lettab1 = new Tab();

相关文章

  • 2.用面向对象写程序的步骤

    步骤: 1.写一个类,变量就是属性,并在里面执行init方法 2.方法挂在原型上,不同的功能全部拆开,分别写在原型...

  • 核心技术

    1.面向对象编程: 程序 = 对象 + 消息 //面向过程:程序 = 算法 + 数据 2.对象 对象的特征分为静态...

  • JavaScript小进阶7--面向对象预热

    js面向对象: 语言的发展: 面向机器:同一个程序,一个机器就得写一次; 面向过程:将程序的执行分解成多个步骤; ...

  • 面向对象——封装

    面向对象(复习) 1.面向对象——一种编程思想 2.面向对象的开发步骤 a)OOA:面向对象的需求分析_分析解决问...

  • 面向对象——封装

    面向对象(复习) 1.面向对象——一种编程思想 2.面向对象的开发步骤 a)OOA:面向对象的需求分析_分析解决问...

  • OC

    了解OC/第一个OC程序/第一个面向对象程序的执行步骤1.程序语言分类: a.面向过程C (细节) b.面向对象O...

  • 零基础分分钟理解python面向对象那些事你也行!

    一、面向对象 1、面向过程 a、优点:极大的降低了写程序的复杂度,只需要顺着执行的步骤,堆叠代码即可 b、缺点:一...

  • python的类和对象

    一、面向对象 1、面向过程 a、优点:极大的降低了写程序的复杂度,只需要顺着执行的步骤,堆叠代码即可 b、缺点:一...

  • 面向对象

    为什么学习面向对象?我真的不知道!1.面向对象 编程:采用面向对象的思想来编写程序找对象2.面向过程 编程: 意...

  • Go 语言程序设计——过程式编程(1)

    Go 语言可以用于写纯过程式程序,用于写面向对象程序,也可以用于写过程式和面向对象相结合的程序 语句基础 Go 语...

网友评论

      本文标题:2.用面向对象写程序的步骤

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