js面向?qū)ο缶幊炭偨Y(jié)
更新時間：2017年02月16日 14:21:13 作者：share_one
本文主要介紹了js面向?qū)ο缶幊痰南嚓P(guān)知識，具有很好的參考價值，下面跟著小編一起來看下吧
//定義Circle類，擁有成員變量r，常量PI和計算面積的成員函數(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.有點變化，但是實質(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;
常用為第一種和第三種
第三種寫法的擴展小實例
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();
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
Cpage.js是一款輕量級的Mvvm框架，使用TypeScript（JavaScript的超集）開發(fā)。下面通過本文給大家分享Cpage.js給組件綁定事件的實現(xiàn)代碼，需要的的朋友參考下吧2017-08-08
有一個表格，然后有4個輸入框，一個合并按鈕，輸入框是這樣的，從第幾行到第幾行，從第幾列到第幾列，然后點擊按鈕，合并2013-11-11
Javascript中產(chǎn)生固定結(jié)果的函數(shù)優(yōu)化技巧
分享一個Javascript編寫函數(shù)的優(yōu)化技巧;適用的函數(shù)應(yīng)該要滿足以下條件;產(chǎn)生固定結(jié)果;復(fù)雜或較耗時等等，感興趣的朋友可以了解下2013-01-01
IE與FireFox的兼容性問題分析...2007-04-04
這篇文章主要介紹了document.cookie 使用,主要包括cookie設(shè)置，修改cookie值及獲取cookie值的相關(guān)知識，本文給大家介紹的非常詳細，需要的朋友可以參考下2022-06-06
這篇文章主要為大家詳細介紹了JavaScript計算出兩個數(shù)的差值，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
下面小編就為大家?guī)硪黄猨s 顯示日期時間的實例(時間過一秒加1)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
js實現(xiàn)瀑布流觸底動態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細介紹了js實現(xiàn)瀑布流觸底動態(tài)加載數(shù)據(jù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了qrcode生成二維碼微信長按無法識別問題的解決，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javascript設(shè)計模式 – 建造者模式原理與應(yīng)用實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 建造者模式,結(jié)合實例形式分析了javascript建造者模式相關(guān)概念、原理、應(yīng)用場景及操作注意事項,需要的朋友可以參考下2020-04-04