JS面向对象中的严格模式

最新推荐文章于 2022-01-11 14:11:50 发布
最新推荐文章于 2022-01-11 14:11:50 发布
阅读量505 收藏
点赞数
分类专栏： 笔记 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46156304/article/details/109439812
版权

严格模式

严格模式是什么

严格模式是JavaScript中的一种限制性更强的变种方式。严格模式不是一个子集：它的语义上与正常代码有着明显的差异。

不支持严格模式的浏览器与支持严格模式的浏览器行为上也不一样，所以在未经严格模式特性测试情况下使用严格模式。

严格模式可以与严格模式共存，所以脚本可以逐渐的选择性加入严格模式。

严格模式的目的

首先，严格模式会将JavaScript陷阱直接变成明显的错误。

其次，严格模式修正了一些引擎难以优化的错误；同样的代码有些时候严格模式会比严格模式下更快

第三，严格模式禁用了一些有能在未来版本中定义的语法。

开启严格模式

全局开启严格模式

在JavaScript中想要开启严格模式，需要在所有代码之前，定义一个不会赋给任何变量的字符串

"use strict";//或者'use strict'
函数开启严格模式

也可以为某个指定的函数开启严格模式，

//函数外依旧是非严格模式
function doSomething(){
	"use strict";//开启严格模式
	//其他代码
}

在匿名函数中使用严格模式，相当于在全局开启严格模式的变通事项方式。

(function(){
	"use strict";//开启严格模式
})();

代码：

// 开启严格模式 - 作用于全局作用域
// "use strict"
// 定义一个变量 - 不使用var关键字
a = 100;
console.log(a);

function fn(){
    // 开启严格模式 - 作用于函数作用域
    "use strict"
    v = 200;
    console.log(v);
}
fn();

效果：
在这里插入图片描述

变量

禁止意外创建变量

在严格模式下，不允许意外创建全局变量

  • 如下代码是非严格模式下意外创建全局变量

    //未声明变量
message = "this is message"

  • 如下代码是严格模式下意外创建全局变量

    "use strict";//开启严格模式

//严格模式下，意外创建全局变量，抛出ReferenceError

// 开启严格模式
"use strict";

v = 100;
console.log(v);

function fn(){
    // 在非严格模式：在函数作用域中定义变量 - 不使用var关键字 -> 自动将其提升为全局变量
    w = 200;
    console.log(w);
}
fn();
console.log(w);

效果：
在这里插入图片描述

  • 开启严格模式后，定义变量要带var，否则会报错
静默失败转为异常

所谓静默失败就是既不报错也没有任何效果，例如改变常量的值 。在严格模式下，静默失败会转换成抛出异常。

  • 如下代码是非严格模式下的静默失败。

    const PI = 3.14;
PI = 1.14//静默失败
console.log(PI);//3.14

  • 如下代码是严格模式下的静默失败。

    "use strict";//开启严格模式

const PI = 3.14;
PI = 3.14//抛出TypeError错误

代码：

// 开启严格模式
"use strict";

const v = 3.14;// 定义常量
v = 1.14;// 重新赋值

console.log(v);

效果：
在这里插入图片描述

禁用delete关键字

在严格模式下，不能对变量使用delete运算符。

  • 如下代码是非严格模式下使用delete运算符，结果会静默失败

    var color = "red";
delete color

  • 如下代码是严格模式下使用delete运算符，结果会抛出异常。

    "use strict";//开启严格模式

var color = "red";
delete color;//抛出ReferenceError错误

    代码：

    // 开启严格模式
"use strict";
// 严格模式下禁用delete关键字 -> 针对删除变量，而不是数组元素和对象属性

// var v = 100;// 定义一个全局变量
// console.log(v);
//
// delete v;// 删除全局变量v
// console.log(v);// undefined

// var arr = [1,2,3,4,5];
// delete arr[0];
// console.log(arr);

var obj = {
    name : '肖德硕'
}
delete obj.name;
console.log(obj.name);
对变量名的限制

在严格模式下，JavaScript对变量名的限制。特别不能使用如下内容作为变量名：
在这里插入图片描述

上述内容都是保留字，在ECMAScript的下一个版本中可能会用到他们。

在严格模式下，使用上述标识符作为变量名会导致语法错误

// 开启严格模式
"use strict";

var static = 100;
console.log(static);//SyntaxError: Unexpected strict mode reserved word

对象

不可删除属性

在严格模式下，不能使用delete运算符删除不可删除的属性。

  • 如下代码是非严格模式下使用delete运算符删除不可删除的属性，结果会静默失败。

    delete Object.prototype

  • 如下代码是严格模式下使用delete运算符删除不可删除的属性，结果会抛出异常

    "use strict";//开启严格模式

delete Object.prototype;//抛出TypeError错误

代码：

// 开启严格模式
"use strict";

// delete Object.prototype;
// console.log(Object.prototype);

delete Math.random;
console.log(Math.random);
// Math.random();
属性名必须唯一

在严格模式下，一个对象内的所有属性名在对象内必须唯一。

  • 如下代码是非严格模式下重名是允许的，最后一个重名的属性决定其属性值。

    var o = {
	p : 1,
	p : 2
};

  • 如下代码是严格模式下重名属性被认为是语法错误

    "use strict";//开启严格模式

var o = {
	p : 1,
	p : 2
};

代码：

// 开启严格模式
"use strict";

// 对象具有相同名称的属性时 - 编辑器报错(不是运行时报错)
var obj = {
    name : '肖德硕',
    name : '小肖'
}
console.log(obj.name);

效果：
在这里插入图片描述

只读属性的赋值

在严格模式下，不能为一个只读的属性进行重新赋值。

  • 如下代码是非严格模式为只读属性重新赋值，结果会静默失败。

    var obj1 = {};

Object.defineProperty(obj1,"x",{
	value : 42,
	writable : false
});//将属性设置为只读
obj1.x = 9;

  • 如下代码是严格模式下为只读属性重新赋值，结果会抛出异常

    "use strict";//开启严格模式

var obj1 = {};

Object.defineProperty(obj1,"x",{
	value : 42,
	writable : false
});//将属性设置为只读
obj1.x = 9;//抛出TypeError错误

代码：

// 开启严格模式
"use strict";

var obj = {
    name : '肖德硕'
}
// 用于判断指定属性是否为只读属性
var result = Object.getOwnPropertyDescriptor(obj, 'name');
console.log(result);
// 定义对象obj的只读属性
Object.defineProperty(obj, 'age', {
    value : 18
});
// 针对只读属性进行修改操作
// obj.age = 80;
// console.log(obj.age);

delete obj.age;
console.log(obj.age);

效果：
在这里插入图片描述

不可扩展的对象

在严格模式下，不能为不可扩展的对象添加新属性。

  • 如下代码是非严格模式为不可扩展的对象添加新属性，结果会静默失败。

    var obj = {};
Object.preventExtensions(obj);//将对象变的不可扩展
obj.newProp = 'ohai';

  • 如下代码是严格模式不可扩展的对象添加新属性，结果会抛出异常。

    "use strict";//开启严格模式

var obj = {};
Object.preventExtensions(obj);//将对象变的不可扩展
obj.newProp = 'ohai';//抛出TypeError错误

代码：

// 开启严格模式
"use strict";

var obj = {};
// 设置对象obj是一个不可扩展的对象
Object.preventExtensions(obj);
// 为对象obj新增属性
obj.name = '肖德硕';
console.log(obj);

效果：
在这里插入图片描述

函数

参数名必须唯一

在严格模式下，要求命名函数的参数必须唯一。

  • 如下代码是非严格模式下最后一个重名参数会掩盖之前的重名参数，之前的参数仍然可以通过arguments[i]来访问

    function sun(a,a,c){}

  • 如下代码是严格模式下重名参数被认为是语法错误。

    function sun(a,a,c){//！！!语法报错
	"use strict";
	
	return a + a + c;//代码运行到这里会出错
}

代码：

// 开启严格模式
"use strict";

function fn(a, a, b){
    console.log(a + a + b);
}
fn(1,2,3);

效果;
在这里插入图片描述

arguments的不同

在严格模式下，arguments对象的行为也有所不同。

  • 非严格模式下，修改命名参数的值也会反应到arguments对象中。
  • 严格模式下，命名参数与arguments对象是完全独立的。
// 开启严格模式
"use strict";

function fn(value){
    var value = '肖德硕';
    console.log(value);// 肖德硕 -> 就近原则
    /*
         非严格模式下 - arguments对象获取参数的值与形参有关的
           如果局部变量与形参名相同 - 根据就近原则进行获取
         严格模式下 - arguments对象获取参数的值与形参无关的
     */
    console.log(arguments[0]);// 非严格模式 -> 肖德硕   严格模式 -> 小肖
}
fn('小肖');

效果：
在这里插入图片描述

arguments对象的callee()方法

在严格模式下，不能使用arguments对象的callee()方法。

  • 如下代码是非严格模式下使用arguments对象的callee()方法，表示调用函数本身。

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

  • 如下代码是严格模式下使用arguments对象的callee()方法，结果会抛出异常。

    "use strict";//开启严格模式

var f = function(){
	return arguments.callee;
};
f();//抛出TypeError错误

代码:

// 开启严格模式
"use strict";
// 在严格模式下，arguments对象无法调用callee()方法
function fn(){
    console.log(arguments.length);
    // return arguments.callee;//TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
}
fn();
函数声明的限制

在严格模式下，只能在全局域和函数域中声明函数。

  • 如下代码是非严格模式下在任何位置声明函数都是合法的

    if(true){
	function f(){}
}

  • 如下代码是严格模式下在除全局域和函数域中声明函数是语法错误。

    "use strict";//开启严格模式

if(true){
	function f(){}//！！！语法错误
}

代码：

// 开启严格模式
"use strict";

// 在全局作用域
function fn(){
    // 在函数作用域
    function n(){}
}
// 在严格模式下，函数的定义只能在全局作用域与函数作用域(不能在块级作用域定义函数)
for (var i=0; i<10; i++) {
    // ECMAScript 6新增 - 存在着块级作用域
    var v = 100;
    function f(){
        console.log('this is function');
    }
}
console.log(v);
f();

效果：
在这里插入图片描述

增加eval作用域

在严格模式下，使用eval()函数创建的变量只能在eval()函数内部使用。

  • 如下代码是非严格模式下eval()函数创建的变量在其他位置可以使用。

    eval("var x = 42");
console.log(x);//42

  • 如下代码是严格模式下eval()函数创建的变量只能在eval()函数内部使用。

    "use strict";//开启严格模式

eval("var x = 42");
console.log(x);//抛出ReferenceError错误

代码：

// 开启严格模式
"use strict";
// 在严格模式下，增加eval作用域 - eval()函数定义的变量只能在当前eval()函数中使用
eval('var v = 100;');
// 在全局作用域中调用变量 - 报错
console.log(v);// 100

效果：
在这里插入图片描述

arguments和eval禁止作为标识

禁止读写

在严格模式下，arguments和eval()禁止作为标识符，也不允许读写他们的值

  • 使用var声明
  • 赋予另一个值
  • 尝试修改包含的值
  • 用作函数名
  • 用作命名的函数的参数
  • 在try……catch语句中用作例外名

在严格模式下，一下所有尝试将导致语法错误：

// 开启严格模式
"use strict";

eval = 17;
arguments++;
++eval;
var obj = { set p(arguments) { } };
var eval;
try { } catch (arguments) { }
function x(eval) { }
function arguments() { }
var y = function eval() { };
var f = new Function("arguments", "'use strict'; return 17;");

抑制this

  • 在非严格模式下使用函数的apply()或call()方法时，null或undefined值会被转换为全局对象
  • 在严格模式下，函数的this值始终是指定的值（无论什么值）。
// 开启严格模式
"use strict";

var v = 100;

function fn(){
    console.log(this.v);
}

var obj = {
    v : 200
}

fn.call(obj);// this指向全局对象
玛莎拉迪迦
关注
专栏目录
JavaScript中的严格模式
weixin_44492275的博客
06-16 770
严格模式 严格模式是JavaScript中的一种限制性更强的变种方式 严格模式可以跟非严格模式共存 目的 首先，在严格模式中将JavaScript陷阱直接报错 其次，修正了一些引擎难以优化的错误：同样的代码在严格模式下更快 最后，严格模式禁用了一些有可能在为来版本中定义的语法 全局开启严格模式 在要进行严格模式的代码前加上 "use strict" // "use strict"; //全局开启严格模式 会在全局跟局部都有效 // v = 100; // console.log(v); function
js严格模式下的总结
weixin_33717117的博客
02-25 216
所谓严格模式其实就是一个不会赋值给任何变量的字符串 “use strict”如果在全局作用域下 给出这个提示，那整个脚本将采用严格模式。也可以只在函数中打开严格模式 1.严格模式下没有全局变量 a="test" 严格模式下会报错，非严格模式下正常 2.删除变量 var 有三种声明的情形 var 声明的全局变量 var 声明的局部变量 e...
JSP语法
ttaale的专栏
10-29 125
① 注释元素 (Comments Elements) 1. &lt;!-- comment [&lt;%= expression &gt;] --&gt;   标准的HTML注释。JSP容器会将该注释发往客户端浏览器，但不在浏览器中显示，可以在HTML源文件中查看。     comment    - 注释内容    expression - 可选的java表达式，JSP容器会对表达式求值并将结...
JSP异常之org.apache.jasper.JasperException(转)
wangchaoqi1985的博客
09-17 264
JSP异常之org.apache.jasper.JasperException(转)
JavaScript对象
哈哩噜啾啾哈呀呀的博客
04-05 574
JavaScript 对象的特征 对象具有唯一标识性：即使完全相同的两个对象，也并非同一个对象。 对象有状态：对象具有状态，同一对象可能处于不同状态之下。 对象具有行为：即对象的状态，可能因为它的行为产生变迁。 一般而言，各种语言的对象唯一标识性都是用内存地址来体现的， 对象具有唯一标识的内存地址，所以具有唯一的标识。 var o1 = { a: 1 }; var o2 =...
js中的面向对象入门
01-21
什么是对象 我们先来看高程三中是如何对对象进行定义的 “无序属性的集合，其属性可以包括基本值、对象或者函数”，对象是一组没有... 重载：严格意义上说js中没有重载的功能，不过我们可以通过判断函数的参数的不同
JavaScript面向对象中接口实现方法详解
10-16
综上所述，JavaScript面向对象中虽然没有直接的接口实现，但通过一些设计模式我们可以模拟出接口的功能。在实现时，需要精心设计接口的结构和功能，并注意代码的性能开销，以便在大型应用中合理利用接口的优势，提高...
《javascript设计模式》学习笔记三：Javascript面向对象程序设计单例模式原理与实现方法分析
01-19
本文实例讲述了Javascript面向对象程序设计单例模式原理与实现方法。分享给大家供大家参考，具体如下： 1.单例模式概述 源自百度百科对于单例模式的定义： 单例模式的意思就是只有一个实例。单例模式确保某一个类...
初学js者对javascript面向对象的认识分析
10-29
接下来，我们将通过一个实际的JavaScript代码示例来了解面向对象编程在JavaScript中的应用。在这个示例中，我们看到一个名为`ActionBinder`的构造函数被定义，该函数类似于是其他编程语言中的类。通过使用原型（`...
【delete用法 与 object（对象）的创建】
limuzhixing的博客
01-11 1968
delete用法 与 object的创建一、delete用法1. 删除对象属性2. 不能删除变量3. 不能删除原型链上的数据二、object的创建1. Object.create(proto, [propertiesObject])2. new Object( [propertiesObject]) 一、delete用法 1. 删除对象属性 function fun(){ this.name = 'kk'; } var obj = new fun(); console.log(obj.n
html 页面元素id不唯一,规定html元素的唯一的id属性
weixin_36293258的博客
06-08 1437
实例通过 JavaScript 利用 id 属性来改变一段文本：function change_header(){document.getElementById("myHeader").innerHTML="Nice day!";}Hello World!Change text亲自试一试定义和用法id 属性规定 HTML 元素的唯一的 id。id 在 HTML 文档中必须是唯一的。id 属性可用作...
JSP页面中的自定义标签
baggio785的专栏
01-05 3003
用于调用Javaean组件中的操作和执行请求分派的标准JSP标签简化了JSP页面的开发和维护。JSP技术还提供了在自定义标签中封装其他动态功能的机制，这种自定标签是JSP语言的扩展。自定义标签通常是以标签库的形式出现的，它定义了一组相关的自定义标签，并包含实现这些标签的对象。可以由自定义标签执行的任务包括对隐式对象的操作、处理表单、访问数据库和其他企业级服务，如电子邮件和目录、以及执行流程控制。J
mybatis学习(15):mybatis连接mysql数据库
歌谣的博客
11-22 332
目录结构 com.geyao.mybatis.mapper BlogMapper类 package com.geyao.mybatis.mapper; import com.geyao.mybatis.pojo.Blog; public interface BlogMapper { Blog selectBlog(String id); } BlogMapper.xml ...
Spring中标签属性name和id的区别
iframe引用页面在父类页面调用函数只刷新子页面方法
10-22 427
bean元素的id和name属性的区别元素的id属性和 name属性的区别 一般情况下，配置一个Bean时，通过指定一个id属性作为Bean的名称. id 属性在IoC容器中必须是唯一的 id 的命名要满足XML对ID属性命名规范: 必须以字母开始，可以使用字母、数字、连字符、下划线、句话、冒号 使用name属性，就可以使用很多特殊字符,早期在struts1 和 spring整合 name中含有/
maven项目中的中org.apache.jasper.JasperException问题
weixin_42114076的博客
08-06 2622
maven项目中的中org.apache.jasper.JasperException问题 最近用maven写一个简单的测试时出现了一个问题,如下所示 出现这个错误的原因是: jdk版本和tomcat版本的原因,因为我使用的是jdk1.7版本,而我用的maven里面默认的是tomcat6,就是tomcat6版本过低了，解决方法是: eclipse中, 右键—maven—add plugin...
org.apache.jasper.JasperException: 在[nuc.hospital.Person.PersonBean]类型bean中找不到任何有关属性[Pid]的信息
hou_shiyu的博客
06-24 3345
找了一晚上，，原来是javabean的属性名开头大写了……
javascript利用对象键值对中键的唯一性实现数组去重
Saltwater_leo的专栏
05-14 5952
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> var arr = [1,2,3,2,3,4,5,6,7,8,9,8,5]; //将数组转换成对象 //利用对象的key值不能重复这一特性
JavaScript对象之删除属性篇
weixin_43927609的博客
12-21 1657
delete运算符可以删除对象的属性。它的操作数应当是一个属性访问表达式。让人感到意外的是，delete只是断开属性和宿主对象的联系，而不会去操作属性中的属性： delete book.author; //book不再有属性author delete book[“main title”] //book不会再有属性“main title“ delete运算符只能删除自由属性，不能删...
Javascript面向对象编程实践与构造函数模式详解
本文档深入探讨了JavaScript中的面向对象编程，尽管JavaScript作为一种基于对象的语言，其语法中并没有传统意义上的类（class），但通过巧妙地利用原型（prototype）和构造函数（Constructor）实现了一种非标准的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值