JavaScript高階程式設計(第3版)學習筆記13 ECMAScript5新功能_基礎知識
接下來應該是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建構函數一樣。

熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

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

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

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

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

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

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

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

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

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