搜尋
首頁web前端js教程怎麼使用JS嚴格模式
怎麼使用JS嚴格模式Apr 12, 2018 pm 04:19 PM
javascript模式

這次帶給大家怎麼使用JS嚴格模式,使用JS嚴格模式的注意事項有哪些,下面就是實戰案例,一起來看一下。

所謂嚴格模式其實就是一個不會賦值給任何變數的字串 「use strict」

如果在全域作用域下 給予這個提示,那麼整個腳本將會採用嚴格模式。也可以只在函數中開啟嚴格模式

# 1.嚴格模式下沒有全域變數

a="test"

# 嚴格模式下會報錯,非嚴格模式下正常

2.刪除變數

# var 有三種宣告的情形

  • var 宣告的全域變數

  • var 宣告的局部變數

  • #eval()中宣告的全域變數

第一種和第二種情況是無法用 delete刪掉的。

首先第一種情況宣告的全域物件雖然是windows的屬性,但這個屬性的configurable=false 因此是無法刪除的

第二種情況 局部變數更不行了,連依附的物件是誰都不知道,怎麼刪除

第三種情況eval()稍後會說到。

回歸正題。也就是說非嚴格模式下,可以刪除變量,但會失敗回傳false.

# 嚴格模式下刪除變數會報錯。

3.物件

# 在下列情況下操作物件會報錯誤

  1. 為唯讀屬性賦值會報錯

  2. 對不可配置的屬性使用delete 會報錯

  3. 為不可擴充的物件新增屬性會報錯

  4. #在使用物件字面量的時候,屬性名稱必須唯一。例如

var person={
  name:"1",
  name:"2"
}

非嚴格模式下會預設取值第二個,嚴格模式下會報錯。

4.函數

# 嚴格模式要求函數參數名稱必須唯一

function(n,n){
  // todo
}

# 在非嚴格模式下,這個函數宣告不會報錯,透過參數名稱只能存取到第二個參數,第一個參數要透過arguments去存取。

arguments在兩種模式下也有所不同

# 在非嚴格模式下,修改命名參數的值會反映到arguments物件中,在嚴格模式下兩個值是獨立的。

淘汰了 arguments.callee(引用函數本身),arguments.caller(引用呼叫函數)。

嚴格模式下函數名稱不能使用js保留字

# **嚴格模式下只能在腳本的頂層和在函數內部聲明函數,在if語句中宣告函數會導致語法錯誤。 **

if(true){
  function(){
   // 严格模式下报错
}
}

5.this

# 在非嚴格模式下使用函數的apply(),call(),傳入null 或undefined值會轉換為全域物件。在嚴格模式下,函數的this始終是指定的值,無論指定的是什麼值。

var a="1";
function test(){
 console.log(this.a)
}
test.call(null) 在非严格模式下会输出1,严格模式下this就指代的就是null,null没有a属性,就会报错。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

vue全域註冊與局部註冊使用詳解

readline怎麼逐行讀取並寫入內容

以上是怎麼使用JS嚴格模式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 Mac版

SublimeText3 Mac版

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

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!