JS建構函式之ES5和ES6的區別

2021-10-01 08:28:40 字數 1262 閱讀 9439

使用建構函式構造可以復用的物件

建構函式就是你構造出來的函式,是一種特殊的方法,與普通函式有著質的區別,其作用,在建立物件的時候主要用來初始化物件,就是給物件成員賦初始值,建構函式的主要特徵就是方法名、首字母大寫,並且用new來使用

function

foo(

)var f =

newfoo()

;console.

log(f)

//object

console.

log(f.name)

//katherine

console.

log(f.age)

//26

function

foos

(name,age,***)

var f1 =

newfoos

('kathrine'

,'26'

,'female');

var f2 =

newfoos

('stefan'

,'27'

,'male');

var f3 =

newfoos

('damon'

,'29'

,'male');

console.

log(f1)

//foos

console.

log(f2)

//foos

console.

log(f3)

//foos

class

foovampire

(va)

}let f =

newfoo()

f.vampire()

;//her name is karherine and she was 26 years old

//繼承原型

class

foos

extends

foo}

let f1 =

newfoos()

; f1.

vampire()

;//his name is stefan and he was 27 years old

1、es5可以用new生成物件,也可以直接呼叫建構函式,直接呼叫當成普通函式使用。比如函式foo();

2、es6必須用new生成物件,不可以直接呼叫建構函式成普通函式使用。

ES5與ES6建構函式

function 函式名 引數 函式名.prototype.方法名 function class 類名 方法名稱 1.定義建構函式 es5 function 函式名定義 es6 class 類名定義 注 class建構函式類名後沒有 2.定義例項化物件屬性和屬性值 es5 function 函式中定...

ES6建構函式class 和 ES5建構函式語法

在說建構函式之前,我們先講一講物件導向程式設計。所謂的物件導向程式設計,是一種程式設計思想和書寫方式方法,它是將程式封裝在物件內,並給物件設定屬性和屬性值。而這個封裝程式的物件我們稱之為例項化物件,而生成例項化物件的函式就是建構函式。一般情況下,為了和普通函式區別,我們將建構函式的首字母大寫。接下來...

ES5建構函式與ES6類

es5的建構函式 function f name f.prototype.writecss function f.writejs function 定義在類上的靜態屬性 let f new f f.writecss f.writejs es6的類 class f writecss static wr...