ES5的相关

JavaScript严格模式详解,
最新推荐文章于 2025-12-04 17:59:42 发布
原创 最新推荐文章于 2025-12-04 17:59:42 发布 · 70 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #javascript #前端

严格模式(usestrict)是JavaScript中的一种模式，要求在代码开头声明，用于规范变量声明、禁止形参重名和改变函数中this的行为。启用严格模式能提升代码规范性，避免一些潜在错误，并可能提高运行效率。

一.严格模式:

"use strict";

使用说明：

  1. 要放在代码的最前面，也就是在script标签中的第一行或者某个函数中的第一行，否则会失效

  2. 严格模式可以规范当前script标签或者当前函数中的代码，不能规范别的script标签中的代码和别的函数

1.3、作用

  1. 不允许隐式声明变量

  2. 禁止函数中的形参重名

  3. 禁止函数中的this代表window

1.4、好处

  1. 可以让代码更加规范

  2. 可以让代码运行起来更快，提高运行效率

z_leo_c
关注
ES5 新特性一览表
前端知识分享喵
05-04 1294
除了正常的运行模式（混杂模式），ES5中添加了第二种运行模式：“严格模式”（strict mode）顾名思义，这种模式，使得JavaScript在更严格的语法下运行"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。另一方面，同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。
es5相关内容
m0_68317492的博客
08-28 378
es5 ，数组的相关处理方式
ES5的相关特性
风如也的博客
08-03 167
ES 5的相关特性 字符串相关 String.trim() 删除字符串两端的空白字符 let str = ' hello ' console.log(str.trim()) // 'hello' JSON.parse() JSON的一个常见用途是从 web 服务器接收数据。 想象一下，从 web 服务器收到这条文本字符串： const obj = '{ "name": "bill", "age": 62 }' js 函数 JSON.parse() 用于将文本转换为 js 对象： consol
ES5简介
lz010123的博客
04-21 2114
ES5 es5严格模式 “use strict”; 声明严格模式 n = 123 console.log(n); //这个里面会直接报错 采用了严格模式后对应的内容 需要更加规范 不支持八进制 //eslint 代码检查器 //怪异模式 n = 123 console.log(n); 1、不可以省略var声明变量 "use strict"; //声明严格模式 n = 123 //报错 console.log(n); 2、禁止函数使用this关键字指向全局变量 <body> &
JavaScript ES5
studyinstall的博客
05-30 968
Date.now() 返回自零日期（1970 年 1 月 1 日 00:00:00:00）以来的毫秒数。它可以帮助您编写更清晰的代码，例如阻止您使用未声明的变量。请使用 JavaScript 函数 JSON.stringify() 将其转换为字符串。ECMAScript 5 也称为 ES5 和 ECMAScript 2009。的返回与在 Date 对象上执行 getTime() 的结果相同。ES5 允许您使用类似于获取或设置属性的语法来定义对象方法。它允许您定义对象属性和/或更改属性的值和/或元数据。
ES5客户端存储
愤怒的菜鸟
11-24 344
Web应用允许使用浏览器提供的API实现将数据存储到用户的电脑上. Web存储 localStorage对象和sessionStorage对象,这两个对象实际是持久化关联数组 是名值对的映射表,&amp;amp;quot;名&amp;amp;quot;和&amp;amp;quot;值&amp;amp;quot;读是字符串； cookie 任何以cookie形式存储的数据,不论服务器是否需要i,每一次HTTP请求都会把这些数据传输到服务器端.
ES5的学习
qq_51371436的博客
08-10 317
ES5的部分内容
ES5,ES6入门重点
爪蛙没有爪的博客
01-19 4418
ES5,ES6入门重点 引言：ES5,ES6在高级框架如Vue,React,Angular框架具有很好的支持,在某些不支持ES6语法的浏览器中也可以通过Babel转码器把ES6转为ES5语法，所以可以放心使用ES6语法 在开发环境中可能会用到的操作： 赋值操作 字符串操作 判断操作 常用数组操作 常用对象操作 for循环 ES6 １．变量的解构赋值 基本用法 ES6 以前的用法 var ...
ES5面向对象编程
m0_74062755的博客
02-21 310
同一个构造函数的多个实例之间，无法共享属性，从而造成对系统资源的浪费。
JavaScript_ES5_shim_兼容性补丁js_1741867307.zip
04-05
此外，NumberOne-MM-master 文件夹可能是一个与项目相关的子模块或者是某个特定功能模块的代码库。在微信小程序的开发中，可能会涉及到各种各样的功能模块，开发者通常会根据需要引入不同的模块来丰富小程序的功能。...
ng2ES5:使用ES5的Angular 2.0
05-19
**标签解析：** "JavaScript" 这个标签表明本主题是JavaScript相关的，具体来说是关于使用JavaScript的一个特定版本——ES5，来开发Angular 2.0应用。 **压缩包子文件的文件名称列表：** "ng2ES5-master" 这通常是...
使用webpack将ES6转化ES5的实现方法
10-16
**使用Webpack将ES6转换为ES5的实现方法** 在现代JavaScript开发中，ES6（ECMAScript 2015）已经成为主流，因为它引入了许多有用的语法特性，如箭头函数、类、模板字符串等。然而，许多老旧的浏览器或环境并不支持...
详解webpack 配合babel 将es6转成es5 超简单实例
08-30
以下是从给定文件中生成的相关知识点： 1. Webpack是什么？ Webpack是一个现代的JavaScript模块打包器（bundler），它可以将许多小模块组织成一个文件，以便浏览器可以更好地加载它们。Webpack提供了很多功能，如...
详解webpack es6 to es5支持配置
08-30
首先，需要安装 webpack 和相关的依赖项，包括 babel-core、babel-preset-es2015 和 babel-loader。babel-core 是一个将 ES6 代码转换为 ES5 代码的核心库，babel-preset-es2015 是一个预设的转换规则，babel-loader...
html css js网页制作成品——娃娃html+css+js 4页附源码
卡拉米
12-01 81
本文介绍了一个关于中国篆刻艺术的静态网站设计与实现方案。网站采用HTML5+CSS3技术构建，包含首页、关于篆刻、作品展示、历史渊源和联系我们等页面模块。文章详细说明了网站布局结构、程序语言选择、素材处理方法以及文件组织方式，并提供了核心HTML代码示例。网站设计兼容主流浏览器，适合修改为各类主题展示网站。作者还分享了编程学习建议，推荐初学者通过刷题巩固基础，并提供了获取更多前端开发资源的渠道。该网站可作为大学生毕业设计或期末作业的参考模板。
【HTML Living Standard 01】HTML基础概述
风高秋月白，雨霁晚霞红
12-01 940
HTML-01 基础概念相关。
使用 HTML + JavaScript 实现手写签名功能
最新发布
QQ26843500的博客
12-04 562
本文介绍了一个基于HTML5 Canvas实现的手写签名网页应用。该应用主要功能包括： 提供米字格背景和范字（"海纳百川"）作为书写参考 支持鼠标和触摸屏两种书写方式 包含清空画布和下载签名图片两个功能按钮 技术实现上使用双Canvas叠加方案，底层Canvas绘制米字格和范字作为引导层，上层Canvas实现手写功能。通过JavaScript事件监听实现笔迹追踪，采用贝塞尔曲线平滑处理书写轨迹。响应式设计适配不同设备，并提供PNG格式的签名下载功能。整体界面简洁，采用蓝色标题栏和白色书写
HTML/CSS 核心考点详解（字节跳动 ToB 中台场景）
2402_87628679的博客
12-01 862
语义化 HTML 就是用有明确含义的标签（如<header><nav><main>）替代无意义的通用标签<div>，让 HTML 结构 “自解释”—— 不用看 CSS/JS，就能看懂页面各部分的功能。块级格式化上下文，是一个 “独立的渲染区域”，区域内的元素布局不受外部影响，同时也不会影响外部元素。可以理解为：BFC 是一个 “隔离的盒子”，盒子里的元素怎么布局，都和盒子外的元素没关系。知识点核心考点实战场景语义化 HTML常用语义标签、结构合理性系统页面布局、模块划分Flex 布局。
【HTML+CSS】使用HTML与后端技术连接数据库
2509_94101589的博客
12-01 820
HTML负责构建网页的骨架，提供用户交互的表单等元素。用户通过表单输入数据，并通过表单的提交（submit）事件将数据发送到后端。
es5
04-01
<think>好的，用户想了解ES5的特性和用法。首先，我需要回忆ES5的发布时间，应该是2009年。然后，ES5的主要特性有哪些呢？比如严格模式、JSON支持、数组方法新增等。 首先，严格模式，这个我记得是通过"use strict"来启用的，可以消除一些不严谨的语法，提高代码安全性。比如变量必须声明，不能删除不可删除的属性等。需要具体例子说明。 然后是JSON对象的方法，parse和stringify，ES5之前可能需要引入库来处理，现在原生支持了。这部分用户可能比较熟悉，但需要详细说明用法。 接下来是数组的新增方法，比如forEach、map、filter、reduce等。这些方法在ES5中引入，极大地方便了数组操作。比如可以用arr.forEach(function(item) { ... })来遍历数组，或者用filter来筛选元素。 还有Object的方法，比如Object.defineProperty，允许定义属性的特性，如可写性、可枚举性等。这个在实现数据绑定或响应式系统中很常用。比如Vue.js就用了这个来实现数据劫持。 另外，函数绑定方法Function.prototype.bind，用于绑定this的指向。这个在回调函数中特别有用，避免this丢失的问题。比如var boundFunc = func.bind(context)。 还要考虑ES5的其他特性，比如字符串的trim方法，日期相关的改进，以及属性描述符相关的方法如Object.keys，Object.getOwnPropertyDescriptor等。 需要检查引用内容是否有相关支持。用户提供的引用中提到了ES6的class语法糖，ES8的async/await等，但ES5可能不在这些引用里。不过引用[4]提到了ES6及之后的版本，可能用户需要对比ES5和后续版本的差异。 可能用户的实际需求是在维护旧项目，或者想了解JavaScript的基础特性。需要确保回答结构清晰，分点列出特性，每个特性有例子和用法说明。 还要注意用户可能对ES5的兼容性感兴趣，比如哪些浏览器支持ES5，但考虑到现在主流环境都支持，可能不需要深入，但可以简单提及。 最后，生成相关问题，比如ES5与ES6的区别，严格模式的作用，如何用ES5实现继承等。这些问题可以帮助用户进一步学习。 需要确保回答符合格式要求，使用中文，正确使用LaTeX，行内公式用$，独立公式用$$。不过ES5的特性可能较少涉及数学公式，但如果有的话要注意格式。 总结回答结构：引言，主要特性分点说明，每个特性包括描述、示例代码，最后相关问题。</think>### ECMAScript 5 特性及用法 ECMAScript 5（ES5）是2009年发布的JavaScript语言标准，引入了多项重要特性，提升了开发效率和代码可靠性。以下是其核心功能及示例： --- #### 1. **严格模式（Strict Mode）** 通过添加 `"use strict";` 启用，消除不严谨语法，增强安全性： ```javascript "use strict"; x = 10; // 报错：变量未声明 delete Object.prototype; // 报错：不可删除属性 ``` --- #### 2. **JSON 原生支持** 新增 `JSON.parse()` 和 `JSON.stringify()` 方法，简化数据解析与序列化： ```javascript const jsonStr = '{"name": "Alice", "age": 25}'; const obj = JSON.parse(jsonStr); // 解析为对象 const str = JSON.stringify(obj); // 转换回JSON字符串 ``` --- #### 3. **数组方法增强** 引入 `forEach`、`map`、`filter`、`reduce` 等函数式方法： ```javascript const numbers = [1, 2, 3]; numbers.forEach(item => console.log(item)); // 遍历 const doubled = numbers.map(x => x * 2); // [2,4,6] const evens = numbers.filter(x => x % 2 === 0); // [2] ``` --- #### 4. **对象属性控制** 通过 `Object.defineProperty` 定义属性特性（可写、可枚举、可配置）： ```javascript const obj = {}; Object.defineProperty(obj, 'id', { value: 1, writable: false // 不可修改 }); obj.id = 2; // 静默失败（严格模式下报错） ``` --- #### 5. **函数绑定（`Function.prototype.bind`）** 绑定函数执行上下文（`this` 值）： ```javascript const person = { name: "Bob" }; function greet() { console.log(this.name); } const boundGreet = greet.bind(person); // this指向person boundGreet(); // "Bob" ``` --- #### 6. **其他实用方法** - **字符串处理**：`String.prototype.trim()` ```javascript " Hello ".trim(); // "Hello" ``` - **对象操作**：`Object.keys(obj)` ```javascript Object.keys({a: 1, b: 2}); // ["a", "b"] ``` - **日期扩展**：`Date.now()` 获取时间戳 ```javascript const timestamp = Date.now(); // 当前毫秒数 ``` --- ### 兼容性与应用场景 ES5被所有现代浏览器完全支持[^4]，适用于以下场景： - **旧代码维护**：兼容IE9+及老版本环境。 - **基础功能实现**：无需编译工具（如Babel）即可运行。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值