js面向?qū)ο缶幊炭偨Y(jié)
更新時(shí)間：2017年02月16日 14:21:13 作者：share_one
本文主要介紹了js面向?qū)ο缶幊痰南嚓P(guān)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
//定義Circle類，擁有成員變量r，常量PI和計(jì)算面積的成員函數(shù)area()
1.工廠方式
var Circle = function() {
var obj = new Object();
obj.PI = 3.14159;
obj.area = function( r ) {
return this.PI * r * r;
}
return obj;
}
var c = new Circle();
alert( c.area( 1.0 ) );
2.比較正規(guī)的寫法
function Circle(r) {
this.r = r;
}
Circle.PI = 3.14159;
Circle.prototype.area = function() {
return Circle.PI * this.r * this.r;
}
var c = new Circle(1.0);
alert(c.area());
3.json寫法
var Circle={
"PI":3.14159,
"area":function(r){
return this.PI * r * r;
}
};
alert( Circle.area(1.0) );
4.有點(diǎn)變化，但是實(shí)質(zhì)和第一種一樣
var Circle=function(r){
this.r=r;
}
Circle.PI = 3.14159;
Circle.prototype={
area:function(){
return this.r*this.r*Circle.PI;
}
}
var obj=new Circle(1.0);
alert(obj.area())
Circle.PI = 3.14159; 能夠放入屬性中寫成this.PI=3.14159;
常用為第一種和第三種
第三種寫法的擴(kuò)展小實(shí)例
var show={
btn:$('.div1'),
init:function(){
var that=this;
alert(this);
this.btn.click(function(){
that.change();
alert(this);
})
},
change:function(){
this.btn.css({'background':'green'});
}
}
show.init();
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
- Javascript基礎(chǔ)回顧之(三) js面向?qū)ο?/a>
- js面向?qū)ο髮?shí)現(xiàn)canvas制作彩虹球噴槍效果
- 歸納下js面向?qū)ο蟮膸追N常見寫法總結(jié)
- JavaScript面向?qū)ο缶帉戀?gòu)物車功能
- Javascript OOP之面向?qū)ο?/a>
- JS 面向?qū)ο笾^承---多種組合繼承詳解
- javascript面向?qū)ο蟪绦蛟O(shè)計(jì)高級(jí)特性經(jīng)典教程(值得收藏)
- Javascript之面向?qū)ο?-接口
- Javascript之面向?qū)ο?-封裝
- Javascript之面向?qū)ο?-方法
相關(guān)文章
Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼
Cpage.js是一款輕量級(jí)的Mvvm框架，使用TypeScript（JavaScript的超集）開發(fā)。下面通過本文給大家分享Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼，需要的的朋友參考下吧2017-08-08
有一個(gè)表格，然后有4個(gè)輸入框，一個(gè)合并按鈕，輸入框是這樣的，從第幾行到第幾行，從第幾列到第幾列，然后點(diǎn)擊按鈕，合并2013-11-11
Javascript中產(chǎn)生固定結(jié)果的函數(shù)優(yōu)化技巧
分享一個(gè)Javascript編寫函數(shù)的優(yōu)化技巧;適用的函數(shù)應(yīng)該要滿足以下條件;產(chǎn)生固定結(jié)果;復(fù)雜或較耗時(shí)等等，感興趣的朋友可以了解下2013-01-01
IE與FireFox的兼容性問題分析...2007-04-04
這篇文章主要介紹了document.cookie 使用,主要包括cookie設(shè)置，修改cookie值及獲取cookie值的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-06-06
JavaScript計(jì)算出兩個(gè)數(shù)的差值
這篇文章主要為大家詳細(xì)介紹了JavaScript計(jì)算出兩個(gè)數(shù)的差值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
js 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)
下面小編就為大家?guī)硪黄猨s 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
js實(shí)現(xiàn)瀑布流觸底動(dòng)態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)瀑布流觸底動(dòng)態(tài)加載數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
qrcode生成二維碼微信長(zhǎng)按無法識(shí)別問題的解決
這篇文章主要介紹了qrcode生成二維碼微信長(zhǎng)按無法識(shí)別問題的解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javascript設(shè)計(jì)模式 – 建造者模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 建造者模式,結(jié)合實(shí)例形式分析了javascript建造者模式相關(guān)概念、原理、應(yīng)用場(chǎng)景及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04