JS 中面向物件的5種寫法

阿新 • • 發佈：2019-01-31

//定義Circle類，擁有成員變數r，常量PI和計算面積的成員函式area()

Java程式碼

//第1種寫法
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());

Java程式碼

//第2種寫法
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 ) );

Java程式碼

//第3種寫法
var Circle = new Object();
Circle.PI = 3.14159;
Circle.Area = function( r ) {
return this.PI * r * r;
}
alert( Circle.Area( 1.0 ) );

Java程式碼

//第4種寫法
var Circle={
"PI":3.14159,
"area":function(r){
return this.PI * r * r;
}
};
alert( Circle.area(1.0) );

Java程式碼

//第5種寫法
var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}"

);
alert( (new Circle()).area(1.0) );

大家來討論一下這五種寫法，它們的優缺點，哪個比較規範，特別是最後兩種，經常見到。

js中面向物件的5種寫法

今天為了看看別人網站上是如何實現類似於橫向tab選項卡切換效果是如何實現的，其實這個是根據具體的業務而定，可以同過不同的方法而定，注意我這裡說的是類似。看了一些大型網站是如何實現的，就看了看別人寫的js程式碼，看著越來越不明白，寫的有寫程式碼，看著好像有點像java中面向

JS 中面向物件的5種寫法

//定義Circle類，擁有成員變數r，常量PI和計算面積的成員函式area() Java程式碼 //第1種寫法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; Circle.prototype.ar

JS筆記：第6章 js中面向物件的理解

第6章面向物件的程式設計理解物件：ECMA-262把物件定義為：“無序屬性的集合，其屬性可以包含基本值、物件或者函式。”建立自定義物件的最簡單方式就是建立一個Object的例項，然後再為它新增屬性和方法

js中建立物件的5種方法

1、原始模式 var dog = { name: jack, length: 70, wang:function(){ console.log(this.name); } 2、工廠模式（批量） function creatdog

kockout.js的viewmodel物件的屬性，在javascript中呼叫的兩種寫法

第一種： <div>計數：<span data-bind="text: countNumber"></span></div> <button type="submit" data-bind="click: addCou

面向物件 5繼承與重用性&派生&在子類中重用父類的方法

繼承繼承指的是類與類之間的關係，是一種什麼是什麼的關係， # # class Paraentclass1: # pass # # class Paraentclass2: # pass # # class SubClass1(Paraentcl

js的面向物件我的練習寫法

js部分 var Person = function() { // self = this this.name = '', this.age = '', this.sex = '', this.dept = '',

【學習筆記】六：面向物件的程式設計——理解JS中的物件屬性、建立物件、JS中的繼承

　　ES中沒有類的概念，這也使其物件和其他語言中的物件有所不同，ES中定義物件為：“無序屬性的集合，其屬性包含基本值、物件或者函式”。現在常用的建立單個物件的方法為物件字面量形式。在常見多個物件時，使用工程模式的一種變體。 1.理解物件　　1）物件的屬性分兩種：資料屬性和訪問器屬性，每個型別的屬性都具有

mysql中insert into語句的5種寫法（上）

insert into是mysql中最常用的插入語句，它有5種寫法。下面讓我們一起來看一看吧： http://blog.csdn.net/number1killer/article/details/778424721向原表中某些欄位中插入一條記錄。語法：insert into

js中建立物件的幾種方式

前言不管是哪門語言，千變萬化不離其宗，深入理解其本質，方能應用自如。對應到js，閉包，原型，函式，物件等是需要花費大功夫思考、理解的。本文穿插了js原型和函式的相關知識，討論了批量建立物件的幾種方式以及它們的優缺點。正文說起建立物件，最容易想

JS中this的四種用法

syn pac copy title pan 復制 comment test code 1.在一般函數方法中使用 this 指代全局對象 1 2 3 4 5 function test(){ 　　　　this.x = 1; 　　　　alert(this.

原生js中的常用方法的寫法

sar number charat [] typeof += eat fat array對象 1、js深度克隆的方法 //第一種 function deepClone(obj){ var str,newObj = obj i

java 單例模式5種寫法

浪費 get public color ring 缺點 threads 構造函數 java 單例模式學習整理飽漢模式(懶漢模式) 1 // 飽漢 2 // UnThreadSafe 3 public class Singleton1 { 4 private

點擊按鈕，回到頁面頂部的5種寫法

flow pos set nim orm sta 常用畫的 pan 1.錨點方式： 1 <body style="height:2000px;"> 2 <div id="topAnchor"></div> 3 <a href="

java中資料的5種儲存位置(堆與棧)

任何語言所編寫的程式，其中的各型別的資料都需要一個儲存位置，Java中資料的儲存位置分為以下5種： 1.暫存器最快的儲存區，位於處理器內部，但是數量極其有限。所以暫存器根據需求進行自動分配，無法直接人為控制。 2.棧記憶體位於RAM當中，通過堆疊指標可以從處理器獲得直接支援。堆疊指標向下

Python3中面向物件------繼承

以下是我對Python3面向物件------繼承的理解，因為博主也是初學Python3，有很多東西都還停留在表層的理解，如果我的部落格有任何錯誤，請及時評論或者私信我，我會及時更改。也歡迎同樣學習Python的你願意關注我的部落格，我會把我每週的學習內容進行整

js中陣列物件自定義排序

<!DOCTYPE html> <html> <script> var data = [{name:"zachary", age:28}, {name:"nicholas", age:29}]; function f1(name){ return functi

Python 面向物件5 多型

一、多型　　多型性（polymorphisn）是允許你將父物件設定成為和一個或更多的他的子物件相等的技術，賦值之後，父物件就可以根據當前賦值給它的子物件的特性以不同的方式運作，簡單的說就是一句話：允許將子類型別的指標賦值給父類型別的指標。　　那麼，多型的作用是什麼呢？我們知道，封裝可以隱藏實現細節，使

js中的物件函式原型

// 關於 Function Object 和 proto prototype // 1.每一個物件例項都有一個 proto 屬性,這個屬性就是指向物件建構函式的原型. let b = new Function(); console.log(b.__proto__ === Function.prototyp

JS中this的4種繫結規則

this ES6中的箭頭函式採用的是詞法作用域。為什麼要使用this：使API設計得更簡潔且易於複用。 this即不指向自身，也不指向函式的詞法作用域。 this的指向只取決於函式的呼叫方式 this繫結規則 new > 顯示繫結 &

JS 中面向物件的5種寫法

相關推薦