什么是js的嚴格模式

 設立嚴格模式的原因:

  - 消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行為;

  - 消除代碼運行的一些不安全之處,保證代碼運行的安全;

  - 提高編譯器效率,增加運行速度;

  - 為未來新版本的Javascript做好鋪墊。

"嚴格模式"體現了Javascript更合理、更安全、更嚴謹的發展方向,IE 10在內的主流瀏覽器

"use strict";//是進入嚴格模式的標志(老版本的瀏覽器會把它當作一行普通字符串,加以忽略。)

將"use strict"放在腳本文件的第一行,則整個腳本都將以"嚴格模式"運行。如果這行語句不在第一行,則無效,整個腳本以"正常模式"運行。

針對原文這樣的描述,我已做過嘗試,例如:

    <script type="text/javascript">;'use strict';a=1;console.log(a)//1</script>
    <script type="text/javascript">;'use strict';a=1;console.log(a)//1</script>
    <script type="text/javascript">'use strict';a=1;//報錯console.log(a)</script>

以上的三種情況的測試,所以我暫且認為 ‘use strict’ ?是一定要放在第一行的。且前面不能有其他代碼。

一如何調用

1.1、針對整個腳本文件

 <script>"use strict";console.log("這是嚴格模式。");</script><script>console.log("這是正常模式。");</script>

?1.2、針對單個函數

將"use strict"放在函數體的第一行,則整個函數以"嚴格模式"運行。

 function strict(){"use strict";return "這是嚴格模式。";}function notStrict() {return "這是正常模式。";}

1.3、腳本文件的變通寫法

因為第一種調用方法不利于文件合并,所以更好的做法是,借用第二種方法,將整個腳本文件放在一個立即執行的匿名函數之中。

        <script type="text/javascript">    (function(){'use strict';function strict(){a=1;console.log(a)}strict();function notStrict() {var a=1;console.log(a)}notStrict();})()</script>

?

二語法和行為的改變

2.1、全局變量顯式聲明

嚴格模式,在嚴格模式下,變量必須先用var聲明,然后再使用 ?

            'use strict';a=2;console.log(a)//報錯for(i=0;i<5;i++){  //報錯
                console.log(i)}

正常模式

            a=2;console.log(a)//2for(i=0;i<5;i++){console.log(i)//0 1 2 3 4}

?2.2、靜態綁定

(1)禁止使用with()語句

(2)創設eval作用域

正常模式下,Javascript語言有兩種變量作用域(scope):全局作用域和函數作用域。嚴格模式創設了第三種作用域:eval作用域。

正常模式下,eval語句的作用域,取決于它處于全局作用域,還是處于函數作用域。嚴格模式下,eval語句本身就是一個作用域,不再能夠生成全局變量了,它所生成的變量只能用于eval內部。

三、增強的安全措施

(1)禁止this關鍵字指向全局對象

       function fn(){return !this;}console.log(fn())//false  因為"this"指向全局對象,"!this"就是falsefunction fn2(){'use strict'return !this;}console.log(fn2())//true  因為嚴格模式下,this的值為undefined,所以"!this"為true。function fn3(){'use strict'return this;}console.log(fn3())//undefined    因為嚴格模式下,this的值為undefined。

?因此,使用構造函數時,如果忘了加new,this不再指向全局對象,而是報錯。

      function fn(){'use strict'this.a=1;}fn()//報錯,this未定義

(2)禁止在函數內部遍歷調用棧

    function fn(){"use strict";f1.caller; // 報錯f1.arguments; // 報錯
          }fn();

四 禁止刪除變量

嚴格模式下無法刪除變量。只有configurable設置為true的對象屬性,才能被刪除。

?

在非嚴格模式下是如何刪除變量的:

(1)對象屬性可以刪除

            var obj={name:'lili',age:18,sex:'女'}delete obj.name;
           console.log(obj.name)//undefined           console.log(obj)//{age: 18, sex: "女"}

(2)無法直接刪除變量

       var a=1;delete a;console.log(a) //1

(3)刪除不了原型鏈中的變量

       function fun(){this.name = 'lili';}var obj = new fun();fun.prototype.age = 18;delete obj.age;console.log(obj.age) //18

?(4)顯式報錯

正常模式下,對一個對象的只讀屬性進行賦值,不會報錯,只會默默地失敗。嚴格模式下,將報錯。

        var o = {};Object.defineProperty(o, "v", { value: 1, writable: false });o.v = 2;console.log(o)//1   雖然沒有改變,但是也沒有報錯
       'use strict';var o = {};Object.defineProperty(o, "v", { value: 1, writable: false });o.v = 2; // 報錯console.log(o)

嚴格模式下,對一個使用getter方法讀取的屬性進行賦值,會報錯。

       var o = {get v() { return 1; }};o.v = 2; console.log(o.v)//1  雖然沒有改變,但是沒有報錯
       'use strict';var o = {get v() { return 1; }};o.v = 2; // 報錯console.log(o.v)

嚴格模式下,對禁止擴展的對象添加新屬性,會報錯。

        var o = {};Object.preventExtensions(o);o.v = 1;console.log(o)//空對象
       'use strict';var o = {};Object.preventExtensions(o);o.v = 1; //
            console.log(o)

嚴格模式下,刪除一個不可刪除的屬性,會報錯。

 delete Object.prototype; //無影響
'use strict';
delete Object.prototype; // 報錯

(5)重名錯誤

5.1對象不能有重名的屬性

原文檔如此表述,但經過我測試,只有在IE10和IE11的時候,才會報錯(?strict 模式下不允許一個屬性有多個定義),基本上常規瀏覽器就是最后賦值

的屬性覆蓋掉前面的屬性。

5.2?函數不能有重名的參數

正常模式下,如果函數有多個重名的參數,可以用arguments[i]讀取。嚴格模式下,這屬于語法錯誤。

  function f(a, a, b) { return a;}f();
       "use strict";function f(a, a, b) { // 語法錯誤return a;}f();

(6)禁止八進制表示法

正常模式下,整數的第一位如果是0,表示這是八進制數,比如0100等于十進制的64。嚴格模式禁止這種表示法,整數第一位為0,將報錯。

 "use strict";var n = 0100; // 語法錯誤

(7) arguments對象的限制

arguments是函數的參數對象,嚴格模式對它的使用做了限制。

1 不允許對arguments賦值

  "use strict";

  arguments++; // 語法錯誤

  var obj = { set p(arguments) { } }; // 語法錯誤

  try { } catch (arguments) { } // 語法錯誤

  function arguments() { } // 語法錯誤

  var f = new Function("arguments", "'use strict'; return 17;"); // 語法錯誤

2 arguments不再追蹤參數的變化

  function f(a) {

    a = 2;

    return [a, arguments[0]];

  }

  f(1); // 正常模式為[2,2]

  function f(a) {

    "use strict";

    a = 2;

    return [a, arguments[0]];

  }

  f(1); // 嚴格模式為[2,1]

3 禁止使用arguments.callee

這意味著,你無法在匿名函數內部調用自身了。

  "use strict";

  var f = function() { return arguments.callee; };

  f(); // 報錯

(8) 函數必須聲明在頂層

將來Javascript的新版本會引入"塊級作用域"。為了與新版本接軌,嚴格模式只允許在全局作用域或函數作用域的頂層聲明函數。也就是說,不允許在非函數的代碼塊內聲明函數。

  "use strict";

  if (true) {

    function f() { } // 語法錯誤

  }

  for (var i = 0; i < 5; i++) {

    function f2() { } // 語法錯誤

  }

(9) 保留字

為了向將來Javascript的新版本過渡,嚴格模式新增了一些保留字:implements, interface, let, package, private, protected, public, static, yield。

使用這些詞作為變量名將會報錯。

  function package(protected) { // 語法錯誤

    "use strict";

    var implements; // 語法錯誤

  }

此外,ECMAscript第五版本身還規定了另一些保留字(class, enum, export, extends, import, super),以及各大瀏覽器自行增加的const保留字,也是不能作為變量名的。

?

?

?

?

?

?

參考:http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html

轉載于:https://www.cnblogs.com/xumqfaith/p/7841338.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/252901.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/252901.shtml
英文地址,請注明出處:http://en.pswp.cn/news/252901.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Linux驅動設計ioctl函數的cmd參數不能為2

Linux驅動程序設計的時候偶然發現的ioctl()函數的cmd參數不能為2&#xff0c;如果為2,ioctl()函數返回-1&#xff0c;網上說就是這樣的&#xff0c;正常&#xff0c;不知道為什么&#xff0c;stack overflow上有一個外國學友的建議&#xff1a; “In general, you want to comp…

代碼解說Android Scroller、VelocityTracker

在編寫自己定義滑動控件時經常會用到Android觸摸機制和Scroller及VelocityTracker。Android Touch系統簡單介紹&#xff08;二&#xff09;:實例具體解釋onInterceptTouchEvent與onTouchEvent的調用過程對Android觸摸機制須要用到的函數進行了具體的解釋。本文主要介紹兩個重要…

Effective_STL 學習筆記(四十四) 盡量使用成員函數代替同名的算法

有些容器擁有和 STL 算法同名的成員函數。 關聯容器提供了 count、find、lower_bound、upper_bound 和 euqal_range list 提供了 remove、remove_if、unique、merge 和 reverse 大多數時候應該用成員函數代替手寫算法&#xff0c;這樣做的兩個理由&#xff1a; 比起算法&#x…

(NFS移植到arm上)編譯portmap和nfs-utils

為了在播放機上實現NFS服務器的功能&#xff0c;我們已經在uClibc中打開了完整RPC支持&#xff0c;并且在新編譯的內核中打開了NFS服務器支持。此外還有兩個軟件包也是提供NFS服務所必需的&#xff1a;portmap和nfs-utils。portmap為RPC程序提供端口映射服務&#xff0c;nfs-ut…

HTML5上傳預覽

http://cobain-li.iteye.com/blog/2296538轉載于:https://www.cnblogs.com/winyh/p/7850049.html

支付寶支付

1 申請商戶平臺 2 申請開放平臺 3 申請APP支付 4 創建應用 (名稱&#xff0c;logo) 5 生成RSA秘鑰&#xff08;公鑰&#xff0c;私鑰&#xff09; 6 在應用中配置公鑰 7 配置其他內容&#xff0c;包括iOS bundle ID。配置安卓包名&#xff0c;和簽名。 獲取appid&#xff0c;公…

HttpRequest Java原生代碼封裝

HttpRequest Java原生代碼封裝 get提交 post提交 name1value1&name2value2 的形式 json形式兩種形式 package com.beisun.mbp.mbp.controller;import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWrit…

Linux 系統目錄

/ 根目錄 /bin 存放必要的命令 /boot 存放內核以及啟動所需的文件等 /dev 存放設備文件 /etc 存放系統的配置文件 /home 用戶文件的主目錄&#xff0c;用戶數據存放在其主目錄中 /lib 存放必要的運行庫 /mnt 存放臨時的映射文件系統&#xff0c;我們常把軟驅和光驅掛裝在這里的…

linux多線程學習設置線程調度權限

pthread_setschedparam 設置線程的權限 int pthread_setschedparam(pthread_t target_thread, int policy, const struct sched_param *param) 參數 1. target_thread是使用pthread_create所獲得的線程ID。   2&#xff0e;線程的調度有三種策略&#xff1a;SCHED_OTHER、…

不可錯過的CMS學習筆記

引子 帶著問題去學習一個東西&#xff0c;才會有目標感&#xff0c;我先把一直以來自己對CMS的一些疑惑羅列了下&#xff0c;希望這篇學習筆記能解決掉這些疑惑&#xff0c;希望也能對你有所幫助。 CMS出現的初衷、背景和目的&#xff1f; CMS的適用場景&#xff1f; CMS的tr…

團隊合作及個人成長

通過前一章的學習&#xff0c;我了解到了關于建模的很多初步的知識&#xff0c;但是這和成為一名軟件工程師是遠遠不夠的&#xff0c;完成一個程序通常都是一個團隊&#xff0c;而這個團隊重要的肯定是需要一些流程&#xff0c;這樣才能讓程序有條不紊的運行著。在這么一個團隊…

相機工作原理

輕輕一按&#xff0c;你的相機就把光子轉換為了比特。于是一張相片就保存到了你的 iPhone 里。 讓我們假設一下你身處室外&#xff0c;環顧四周。三億里之外&#xff0c;太陽無時無刻不在發射光子。它們需要花上 8 分鐘之久才能到達我們舒適的星球。有一些光子撞擊到你周圍的物…

Android Studio使用心得

說實話 開始接觸這個工具 真的認為非常惡心 畢竟大陸被墻 非常多東西用起來不是非常方便 并且Eclipse轉到Android Studio還是一個跨度 廢話不多說 以下 講下我遇到的問題 1. 安裝的時候&#xff08;Setup Wizard - Download Components&#xff09; 這個要下載非常長時間 甚至…

CentOS用戶和用戶組的操作

2019獨角獸企業重金招聘Python工程師標準>>> CentOS用戶和用戶組的操作 長得太帥忚四種檌 關注 2018.05.12 16:40* 字數 312 閱讀 115評論 0喜歡 0 用戶組的操作 1.添加用戶組&#xff1a; groupadd 組名2.修改組名 groupmod -n 新組名 原組名刪除用戶組groupdel 組…

vue webpack配置分析

寫在前面&#xff1a;作為 Vue 的使用者我們對于 vue-cli 都很熟悉&#xff0c;但是對它的 webpack 配置我們可能關注甚少&#xff0c;今天我們為大家帶來 vue-cli#2.0 的 webpack 配置分析 vue-cli 的簡介、安裝我們不在這里贅述&#xff0c;對它還不熟悉的同學可以直接訪問 v…

Linux用戶空間與內核地址空間

Linux 操作系統和驅動程序運行在內核空間&#xff0c;應用程序運行在用戶空間&#xff0c;兩者不能簡單地使用指針傳遞數據&#xff0c;因為Linux使用的虛擬內存機制&#xff0c;用戶空間的數據可能被換出&#xff0c;當內核空間使用用戶空間指針時&#xff0c;對應的數據可能不…

關于主鍵的設計、primary key

主鍵&#xff1a;用于唯一標識一個表中一行數據。 外鍵&#xff1a;用于建立兩個表之間的關系&#xff0c;A表中有一列是B表中的主鍵&#xff0c;那么A表中這列的數據就受到B表主鍵的約束。 那么關于主鍵應該如何設計呢&#xff0c;這里我說下優缺點&#xff1a; 1.用自動增長字…

淺談微信smali注入

作者&#xff1a;郭少雷 搞android搞了幾年也沒搞出個啥牛逼app出來&#xff0c;眼看時下最火的app微信如此火熱&#xff0c;實在想搞搞它&#xff0c;索性就想著給它加點東西進去。 以下內容純屬本人個人愛好&#xff0c;僅限個人學習android用途以及對android的深入了解。 首…

從0到1使用Kubernetes系列(四):搭建第一個應用程序

上一篇文章《從0到1使用Kubernetes系列&#xff08;三&#xff09;&#xff1a;使用Ansible安裝Kubernetes集群》中&#xff0c;我們搭建了一套Kubernetes集群&#xff0c;接下來將在本文中介紹如何使用Kubernetes部署一個Nginx并通過Pod IP、Service IP、Ingress這三種方式訪問…

Embeded linux之移植iptables

一、內核環境&#xff1a; linux-3.4.35 -*- Networking support ---> Networking options ---> [*] Network packet filtering framework (Netfilter) ---> IP: Netfilter Configuration ---> <*> IP tables support (required for filtering/masq/NAT)…