js严格模式代码实例
程序员文章站
2024-02-25 15:08:27
基于es3.0和es5.0新增的方法使用的,es3.0和es5.0产生矛盾的地方在严格模式下就是采用的es5.0,否则js解析采用es3.0
注意:"use strict"要放在...
基于es3.0和es5.0新增的方法使用的,es3.0和es5.0产生矛盾的地方在严格模式下就是采用的es5.0,否则js解析采用es3.0
注意:"use strict"要放在逻辑的最顶端(代码的最顶端,有作用范围,在函数最顶端就是当前函数采取严格模式)
严格模式:
1.不允许用with(){}---with可以改变作用域链的结果,极费效率,将obj放在作用域链的顶端,相当于移动了所有原先的ao
所以严格模式下不允许用。
var obj={name:'lin'}; var name="scope"; with(obj){ console.log(name);//lin }
2.变量必须加var ; arguments.callee和caller都不能用。
3.局部的this必须赋值,被赋值的就是this的值,不赋值就是undefined
1.常规模式中预编译会直接给this赋值window;而在严格模式下不会产生默认this是window的情况,没赋值就是undefined;
2.常规模式下:test.call(123)会将123包装成number对象赋给this,不允许出现this是原始值的情况;
严格模式下:test.call(123)中,this就是123,赋值是什么就是什么。
4.test(name,name){}---严格模式拒绝重复属性(对象中有相同属性名也不行,暂时不报错。重复参数会报错)
1.常规模式:test(1,2) name是取后一个的值(函数体内的name就是2)
2.严格模式:test(1,2) ---error.不允许形参相同。
5.eval('xxx')---xxx的字符串可以写js逻辑代码,然后可以解析运行
!!!eval在es3.0和es5.0都不能用,因为会改变作用域,很危险。
推荐阅读
-
js严格模式代码实例
-
单例模式的反射漏洞和反序列化漏洞代码实例
-
Spring boot + mybatis + Vue.js + ElementUI 实现数据的增删改查实例代码(二)
-
Spring boot + mybatis + Vue.js + ElementUI 实现数据的增删改查实例代码(一)
-
js圣杯模式,枚举,如何区分数组和对象,callee(代码学习)
-
JS文件上传/下载(代码实例)
-
PHP设计模式之观察者模式(Observer)详细介绍和代码实例_PHP
-
纯php打造的tab选项卡效果代码(不用js)_php实例
-
vue.js高德地图实现热点图代码实例
-
JS的数组的扩展实例代码_javascript技巧