一文帶你讀懂es5類與es6中的class有什么不同-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關(guān)一文帶你讀懂es5 類與es6中的class有什么不同，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

成都創(chuàng)新互聯(lián)：成立與2013年為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù)，為近千家公司企業(yè)提供了專業(yè)的網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計和網(wǎng)站推廣服務(wù)， 專業(yè)公司由設(shè)計師親自精心設(shè)計，設(shè)計的效果完全按照客戶的要求，并適當?shù)奶岢龊侠淼慕ㄗh，擁有的視覺效果，策劃師分析客戶的同行競爭對手，根據(jù)客戶的實際情況給出合理的網(wǎng)站構(gòu)架，制作客戶同行業(yè)具有領(lǐng)先地位的。

前言

在es5中主要是通過構(gòu)造函數(shù)方式和原型方式來定義一個類，在es6中我們可以通過class來定義類，今天整理一下它們的區(qū)別。

關(guān)于es5中定義類的方式，可以看這一篇Js的‘類'，我們這里主要聊es5類和es6中class類的區(qū)別。

一、class類必須new調(diào)用，不能直接執(zhí)行。

class類執(zhí)行的話會報錯，而es5中的類和普通函數(shù)并沒有本質(zhì)區(qū)別，執(zhí)行肯定是ok的。

二、class類不存在變量提升

圖2報錯，說明class方式?jīng)]有把類的定義提升到頂部。

三、class類無法遍歷它實例原型鏈上的屬性和方法

function Foo (color) {
 this.color = color
}
Foo.prototype.like = function () {
 console.log(`like${this.color}`)
}
let foo = new Foo()

for (let key in foo) {
 // 原型上的like也被打印出來了
 console.log(key) // color、like
}

當前文章：一文帶你讀懂es5類與es6中的class有什么不同-創(chuàng)新互聯(lián)
文章鏈接：http://muchs.cn/article34/djjepe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、自適應網(wǎng)站、全網(wǎng)營銷推廣、響應式網(wǎng)站、企業(yè)建站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)