JavaScript进阶【二】JavaScript 严格模式(use strict)的使用

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/79249309 ...
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/79249309
/***
 *使用严格模式的原因:
 *
:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
:消除代码运行的一些不安全之处,保证代码运行的安全;
 :提高编译器效率,增加运行速度;
 :为未来新版本的Javascript做好铺垫。
 */


//不允许使用未声明的变量:
"use strict";
z = 3.14;                // 报错 (z 未定义)

//对象也是一个变量。
"use strict";
z = {p1:10, p2:20};      // 报错 (z 未定义)


//不允许删除变量或对象。
"use strict";
var x = 3.14;
delete x;                // 报错:Uncaught SyntaxError: Delete of an unqualified identifier in strict mode

//不允许删除函数。
"use strict";
 function func(n1, n2) {};
delete func;                // 报错

// 不允许变量重名:
"use strict";
function func(n1, n2) {};   // 报错

// 不允许使用八进制:
"use strict";
var x = 010;             // 报错:error


//不允许使用转义字符:
"use strict";
var x = \010;            // 报错


// 不允许对只读属性赋值:
"use strict";
var obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false});

obj.x = 3.14;            // 报错:Uncaught TypeError: Cannot assign to read only property 'x' of object '#<Object>'


//不允许对一个使用getter方法读取的属性进行赋值
"use strict";
var obj = {get x() {return 0} };

obj.x = 3.14;            // 报错:ncaught TypeError: Cannot set property x of #<Object> which has only a getter


// 不允许删除一个不允许删除的属性:
"use strict";
delete Object.prototype; // 报错

//变量名不能使用 "eval" 字符串:
//eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。
"use strict";
var eval = 3.14;         // 报错

//变量名不能使用 "arguments" 字符串:
"use strict";
var arguments = 3.14;    // 报错



//禁止this关键字指向全局对象。
function f(){
    return !this;
}
// 返回false,因为"this"指向全局对象,"!this"就是false

function f(){
    "use strict";
    return !this;
}
// 返回true,因为严格模式下,this的值为undefined,所以"!this"true
相关文章
|
5天前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略:从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互,涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习,开发者能掌握动态改变网页内容、结构和样式的技能,实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用,助你提升前端开发能力。
|
26天前
|
JavaScript 前端开发 算法
JavaScript 中的 if 判断:深入理解、实战应用与进阶技巧
【4月更文挑战第7天】探索 JavaScript 中的 if 判断语句,它是构建逻辑清晰程序的基础。了解其概念、语法、应用示例及编程技巧,包括条件控制、else if 结构、三目运算符。注意条件表达式简洁性,避免 falsy 值陷阱,利用逻辑运算符优化,并减少 if 嵌套。实践这些技巧将提升编程能力和代码质量。
22 0
|
2月前
|
数据采集 Web App开发 JavaScript
JavaScript爬虫进阶攻略:从网页采集到数据可视化
JavaScript爬虫进阶攻略:从网页采集到数据可视化
|
4月前
|
JavaScript 前端开发
JavaScript进阶知识汇总~(一)
JavaScript进阶知识汇总~(一)
|
27天前
|
JavaScript 前端开发
JavaScript 中运算符优先级:理解规则、实战应用与进阶技巧
【4月更文挑战第6天】了解 JavaScript 运算符优先级是编写清晰无误代码的关键。优先级规则决定了运算的顺序,从高到低包括一元、乘性、加性、关系、相等性等运算符。掌握优先级能避免逻辑错误,例如在表达式 `a * b + c` 中,乘法先于加法执行。实际应用中,使用括号可以明确运算顺序,提高代码可读性。注意避免混淆优先级,如赋值与比较操作。利用优先级简化逻辑判断,遵循编码规范,提升编程技能。通过不断学习和实践,加深对运算符优先级的理解,优化代码质量。
17 0
|
2月前
|
存储 JSON JavaScript
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-(三)
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-
40 1
|
2月前
|
JavaScript 前端开发 算法
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-(二)
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-
28 0
|
2月前
|
Web App开发 JavaScript 前端开发
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-(一)
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-
62 0
|
2月前
|
JavaScript 前端开发 开发者
js代码中“use strict” 是什么意思? 使用它的区别是什么?
js代码中“use strict” 是什么意思? 使用它的区别是什么?
17 1
|
2月前
|
JavaScript 前端开发 开发者
js代码中“use strict” 是什么意思? 使用它的区别是什么
js代码中“use strict” 是什么意思? 使用它的区别是什么
20 1