首頁 web前端 js教程 JavaScript高階程式設計(第3版)學習筆記13 ECMAScript5新功能_基礎知識

JavaScript高階程式設計(第3版)學習筆記13 ECMAScript5新功能_基礎知識

May 16, 2016 pm 05:49 PM
新特性

接下來應該是BOM和HTML5了,但是鑑於ECMAScript5相對於ECMAScript3的新變化比較多,而且這些變化也非常的有意思,因此在這篇文章中再將我認為的有意思的變化(並非全部變化)集中整理一下,但這裡只是列舉,不具體展開。

一、語法變化

1、關鍵字和保留字

  在ES3中,使用關鍵字做標識符會導致「Identifier Expected 」錯誤,而使用保留字做標識符可能會也可能不會導致相同的錯誤,這取決於特定的引擎。在ES5中,關鍵字和保留字雖然不能當作識別符 使用,但可以作為物件的屬性名稱。在ES5中的關鍵字和保留字中,新增了let和yield。為了確保最大的相容性,不管是ES3還是ES5中的關鍵字和保留字,都不要當作識別碼使用。

2、屬性特性

  ES5允許使用使用者定義的屬性描述來覆寫給定屬性的enumerable、configurable、writable、get、set等屬性了。具體方法是使用定義在Object物件上的靜態函數。

3、嚴格模式

  最大的語法變化,就是引入了嚴格模式,可以透過語句"use strict"; 來開啟嚴格模式,在程式碼頂部添加整個腳本啟用嚴格模式,在函數內部新增則只對該函數啟用嚴格模式。嚴格模式下主要的變化有:

(1)使用變數前必須先定義,即不允許隱式的全域變數

(2)不使用八進位資料

(3)不使用with語句

(4)eval

  A、不能使用eval作為標識符,因此不能把變數或函數命名為eval

  B、外部不能存取eval()函數中定義的變數

(5)arguments

  A、不能使用arguments作為識別碼

  B、不能修改作為函數內部物件

  B、不能修改作為函數內部物件的arguments,因此形式參數和arguments之間不再有同步變化

  C、不能訪問arguments.callee

  D、ES5中定義了arguments.caller屬性,它的值始終是undefined,主要用於區分arguments.caller和函數的caller,但是不能在嚴格模式下訪問

(6)函數

  A、函數中不能出現兩個同名的形式參數

  B、不能給函數的caller屬性賦值

  C、未指定環境物件而呼叫函數,this值不會指向window,而是undefined

(7)物件

  A、物件中不能出現兩個同名的屬性

  B、修改一個特性[[writable]]為false的屬性時,會拋出異常,而不是靜默失敗,同樣的使用delete刪除特性[[configurable]]為false的屬性時也會拋出異常

(8)delete

  不能使用delete刪除顯示宣告的變數和函數
二、內建物件的變化


1、Object物件

(1)繼承相關方法:create()、getPrototypeOf()

(2)屬性相關方法:defineProperty()、defineProperties()、getOwnPropertyDescriptor()、getOwnPropertyNames()、keys()

(3)防竄改方法:preventExtensions()、isExtensible()、seal( )、isSealed()、freeze()、isFrozen()

2、Function物件

(1)加入了bind()方法。

(2)規範化了一個函數物件的屬性caller,用來指向呼叫目前函數的函數的參考。

(3)prototype是不可枚舉的

3、Array物件

(1)判斷方法:新增了靜態方法Array.isArray(obj)用於obj是否為一個Array物件的實例。

(2)索引方法:新增了兩個用來尋找指定項目索引的方法indexOf()和lastIndexOf()。尋找時使用全等(===)進行比對。

(3)迭代方法:新增了every()、some()、forEach()、map()、filter()方法。

(4)縮小方法:新增了reduce()和reduceRight()方法。

4、String物件

  加入了trim()方法。

5、JSON物件

  加入了原生JSON內建物件。

6、Date物件

  加入了Date.now()、Date.prototype.toJSON()等方法。

7、RegExp物件  在ES3中,使用正規表示式字面量時共用一個RegExp實例,而在ES5中,每次使用正規表示式字面量時都要建立新的RegExp實例,就像使用RegExp建構函數一樣。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PHP 8.3發布:新功能一覽 PHP 8.3發布:新功能一覽 Nov 27, 2023 pm 12:52 PM

PHP8.3發布:新功能一覽隨著技術的不斷發展和需求的不斷變化,程式語言也不斷更新和改進。作為一種廣泛應用於網頁開發的腳本語言,PHP一直在不斷進步,為開發者提供更強大和高效的工具。最近發布的PHP8.3版本帶來了許多期待已久的新功能和改進,以下讓我們來看看這些新特性的一覽。非空屬性的初始化在過去的PHP版本中,如果一個類別的屬性沒有明確賦值,它的值

學習PHP8的新特性,深入理解最新技術的指南 學習PHP8的新特性,深入理解最新技術的指南 Dec 23, 2023 pm 01:16 PM

深入解析PHP8的新特性,幫助您掌握最新技術隨著時間的推移,PHP程式語言一直在不斷演進和改進。最近發布的PHP8版本為開發者提供了許多令人興奮的新功能和改進,為我們的開發工作帶來了更多便利和效率。在本文中,我們將深入解析PHP8的新特性,並提供具體的程式碼範例,旨在幫助您更好地掌握這些最新的技術。 JIT編譯器PHP8引進了JIT(Just-In-Time)編

php8有什麼新特性 php8有什麼新特性 Sep 25, 2023 pm 01:34 PM

php8新特性有JIT 編譯器、型別推導、命名參數、聯合型別、屬性、錯誤處理改進、非同步程式支援、新的標準函式庫函數和匿名類的擴充等。詳細介紹:1、JIT編譯器,PHP8引入了JIT編譯器,這是一個重要的效能改進,JIT編譯器可以對一些高頻執行的程式碼進行即時編譯和最佳化,從而提高運行速度;2、類型推導,PHP8引入了類型推導功能,允許開發者在宣告變數時自動推導出變數的類型等等。

Go語言新功能解讀:讓程式設計更有效率 Go語言新功能解讀:讓程式設計更有效率 Mar 10, 2024 pm 12:27 PM

【Go語言新特性解讀:讓程式設計更有效率,需要具體程式碼範例】近年來,Go語言在軟體開發領域備受關注,其簡潔、高效的設計理念吸引了越來越多的開發者。作為一種靜態類型的程式語言,Go語言不斷推出新的功能以提高開發效率,簡化程式碼編寫過程。本文將深入解讀Go語言最新的特性,探討如何透過具體的程式碼範例來體驗這些新特性帶來的便利性。模組化開發(GoModules)Go語言從1

CSS3的新功能一覽:如何使用CSS3實現過渡效果 CSS3的新功能一覽:如何使用CSS3實現過渡效果 Sep 09, 2023 am 11:27 AM

CSS3的新功能一覽:如何使用CSS3實現過渡效果CSS3作為CSS的最新版本,在眾多新功能中,最有趣和實用的應該是過渡效果(transition)。過渡效果可以讓我們的頁面在互動時更加平滑、更漂亮,為使用者帶來良好的視覺體驗。本文將介紹CSS3過渡效果的基本用法,並附有對應的程式碼範例。 transition-property屬性:指定需要過渡的CSS屬性過渡效果

CSS3的新功能一覽:如何使用CSS3實現水平居中佈局 CSS3的新功能一覽:如何使用CSS3實現水平居中佈局 Sep 09, 2023 pm 04:09 PM

CSS3的新功能一覽:如何使用CSS3實現水平居中佈局在網頁設計和佈局中,水平居中佈局是一項常見的需求。過去,我們經常使用複雜的JavaScript或CSS技巧來實現此目的。然而,CSS3引入了一些新的特性,使得水平居中佈局更加簡單和靈活。本文將介紹一些CSS3的新特性,並提供一些程式碼範例,示範如何使用CSS3實現水平居中佈局。一、使用flexbox佈局fle

PHP8.1引進的新的Redis擴展 PHP8.1引進的新的Redis擴展 Jul 07, 2023 pm 09:41 PM

PHP8.1引進的新的Redis擴充隨著網路的快速發展,大量的資料需要儲存和處理。為了提高資料處理的效率和效能,快取成為了一個不可或缺的部分。而在PHP開發中,Redis作為一種高效能的鍵值對儲存系統,被廣泛應用於快取和資料儲存的場景。為了進一步提升Redis在PHP的使用體驗,PHP8.1引進了新的Redis擴展,本文將介紹這項擴展的新增功能,並給予

CSS3的新特性一覽:如何套用CSS3動畫效果 CSS3的新特性一覽:如何套用CSS3動畫效果 Sep 09, 2023 am 09:15 AM

CSS3的新特性一覽:如何應用CSS3動畫效果引言:隨著網路的發展,CSS3逐漸取代了CSS2成為前端開發中最常用的樣式語言。 CSS3提供了許多新的特性,其中最受歡迎的是動畫效果。透過使用CSS3動畫,可以為網頁添加令人驚豔的互動效果,提升使用者體驗。本文將介紹一些CSS3常用的動畫特性,並提供相關的程式碼範例。一、過渡動畫(TransitionAnimat

See all articles