ES5-1 发展史、ECMA、编程语言、变量、JS值

最新推荐文章于 2024-02-29 20:56:37 发布
最新推荐文章于 2024-02-29 20:56:37 发布
阅读量159 收藏
点赞数
分类专栏： 系统学习 # ES5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43503511/article/details/116475166
版权

1. 5大主流浏览器及内核（自主研发）

浏览器内核
IEtrident
Chromewebkit blink
Safariwebkit
Firefoxgecko
Operapresto

2. 浏览器的历史 和 JS诞生

  1. 1989-1991 WorldWideWeb（后来为了避免与万维网混淆而改名为Nexus）是世界上第一个网页浏览器及所见即所得网页编辑器，由万维网的发明人蒂姆·伯纳斯-李开发
    在这里插入图片描述

v8
直接翻译机器码
独立于浏览器运行（Node.js 就是一个基于 Chrome V8 引擎的 JavaScript 运行环境。）

3. ECMA

  • European Computer Manufactures Association
  • 欧洲计算机制造联合会
  • 评估、开发、认可电信、计算机标准
  • ECMA - 262 脚本语言规范 ECMAScript
  • ES5 ES6
  • 规范化脚本语言

4. 编程语言

编程语言（高级语言）→ 需要翻译成机器能理解的0 1
类型一：编译型：源码 → 编译器 → 机器语言 → 可执行文件（执行前全翻译完了）

  • 有跨平台移植问题
  • 速度快（银行系统、电商系统）C C#

类型二：解释型：源码 → 解释器 → 解释一行就执行一行

  • 有解释器就能运行，不需要根据不同的系统平台进行移植

脚本语言 → （有对应的）脚本引擎 → （必须通过）解释器（解释后立即执行）

  • JavaScript 客户端脚本（F12检查源码能看到）
  • php 服务端脚本（php和js代码，f12是看不到php源码的部分）

ECMAScript
DOM - document object model W3C规范
BOM - browser object model 没有规范

大部分js代码通过外部引入的方式

// html代码块中
<body>
    <script type="text/javascript" src="js/index.js">
        document.write('只执行引入的js代码')
    </script>
</body>

5. 变量

  1. 单一声明方式： 一个var声明多个变量
  2. 运算优先级高于赋值 var z = x + y （先做加再赋值）
    在这里插入图片描述

1. 命名规范：

  1. 不能以数字开头
  2. 可以以字母 _ $开头
  3. 可以含字母 _ $``数字
  4. 不能使用关键字、保留字
  5. 语义化、结构化 js_header J_header
  6. 变量名小驼峰myEnglishName

2. JS的值

2.1 原始值

  1. 原始值 → 基本类型：Number String Boolean undefined null(最后两个，只有一个值)
  2. JS根据值判断数据类型（弱类型语言）
  3. 动态语言 → 脚本语言 → 解释型语言 → 弱类型语言
  4. 静态语言 → 编译型语言 → 强类型语言
  5. 除了null，其余原始值可以通过typeof得到类型（typeof null → ‘object’）
  6. 当函数无明确返回值时，返回的也是值 “undefined”
  7. 值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。(null == undefined true)
  8. 尽管所有整数都可以表示为八进制或十六进制的字面量，但所有数学运算返回的都是十进制结果。
  9. 与无穷大一样，NaN 也不能用于算术计算。NaN 的另一个奇特之处在于，它与自身不相等
// 数字类型没有length属性
1.length // Uncaught SyntaxError: Invalid or unexpected token
  • 原始值没有属性，而值为数字类型的变量，可以调用方法，中间经过了基本包装类的处理
// 值 undefined 并不同于未定义的值。但是，typeof 运算符并不真正区分这两种值
var oTemp;

alert(typeof oTemp);  //输出 "undefined"
alert(typeof oTemp2);  //输出 "undefined"

// 如果对 oTemp2 使用除 typeof 之外的其他运算符的话，会引起错误，因为其他运算符只能用于已声明的变量上。

var a = 3
var b = a
a = 1
// 原来a占据的1008空间还原，但是数据没有删除
// 原始数据类型：数据不可改

在这里插入图片描述

var arr1 = [1,2,3,4,5]
var arr2 = arr1

在这里插入图片描述

// 重新赋值arr1 原来1005空间释放，数据还在
arr1 = [1,2]

在这里插入图片描述

ECMAScript 的字符字面量

在这里插入图片描述

2.2 引用值

  1. object array function date RegExp
    正则 Regular Expression

参考链接
网景百科
JS引擎
chrome
v8引擎
SUN公司
Oracle
W3C ECMAScript
ECMAScript原始类型

Stephy_Yy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
1-发展史、ECMA、编程语言、变量、JS值
qq_43714814的博客
12-02 268
（一）前置知识 （1）5大主流浏览器内核 IE trident chrome webkit blink Safari webkit Firefox gecko Opera presto （2）、浏览器的历史 和 JS诞生 1、1990 蒂姆 伯纳斯 李 超文本分享资讯的人 World Wide Web 原本不是c写的，后来移植到c，改了个名字 libwww libwww是真正意义上的浏览器，它的意义是允许别人浏览他人编写的网站 后来经过变迁变成了nexus 2、1993 美国伊利诺大学NCSA组织（核心成员
ECMA 语法知识点
zmw1502的博客
08-20 1812
ECMA 语法知识点
JavaScript数组方法，常用方法集合，ES5之前、ES5新增、ES6新增
baidu_38953088的博客
06-06 220
JavaScript数组方法，常用方法集合，ES5之前、ES5新增、ES6新增
谈谈JavaScript版本演进史及ES3、ES5区别和特性
chuangxin的专栏
12-19 4241
根据RedMonk发布的2018年初编程语言排行榜显示，JavaScript高居榜首，说明JavaScript的火热程度，其从90年代初诞生到现在经历了几个大的版本迭代：ES3、ES5和ES6。本文讨论ES5的特性及ES5、ES3的区别。从ES5新增的保留关键字，ES5新增的对象属性定义、对象方法、数组方法，函数bind方法，JSON对象和Strict模式等方面详细阐述了ES5的新特性及ES3的替代实现。
ES5（一）——保护对象
Erya Programming learning
07-05 159
文章目录一、ES5之保护对象:1.自带的三个保护属性2.修改属性的开关:2.1 修改单个属性2.2 修改多个属性2.自定义规则-访问器属性2.1 定义访问器属性1) 定义小黑屋属性，转移原对象中原属性的值2) 定义访问器属性替身+2保镖（get_set）2.2 外界使用访问器属性2.3 访问器中的this3.保护结构a. 防扩展b. 密封c.冰冻 一、ES5之保护对象: 在ES5中，为对象提供了一套保护自身的机制 对象中的每个属性，不仅是一个简单的值，底层已经变成了一个缩微的小对象。 1.自带的三个保护属性
ECMAScript - 发展史、编程语言类型、JS简介、JS变量命名
weixin_43988919的博客
03-29 147
一、发展史 1.主流浏览器 内核 • IE trident • Chrome webkit blink • Safari webkit • Firefox gecko • Opera presto 2.浏览器历史 • 1990 蒂姆 博纳斯 李 world wide web 允许他人浏览别人编写的网站 • 1993 美国伊利诺大学 NCSA组织（马克 安德森） MOSIAC浏览器 可以显示图片 • 1994 马克 安德森和吉姆克拉克 成立Netscape通信公司 • 1996 微软收购spy gl
ECMA-262，第 5 版 最新 JavaScript 规范
flyonok的专栏
12-24 1797
该标准以标题 ECMA-262，第 5 版（以下简称 ES5）进行发布，是 ECMAScript 规范的最新版本。ECMAScript 是 JavaScript — 当今最重要的 web 语言 — 的基础标准。由于 JavaScript 语言还是 Adobe ActionScript（以及其他风格）的基础，因此可以说，ECMAScript 标准是当今和未来 web 交互的核心。 经过一个漫长的、
2. JS和ES发展史
最新发布
ztllll007的博客
02-29 652
因此，ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准；2008 年 7 月，由于对于下一个版本应该包括哪些功能，各方分歧太大，争论过于激烈，ECMA 开会决定，中止 ECMAScript 4.0 的开发，将其中涉及现有功能改善的一小部分，发布为 ECMAScript 3.1，ECMA-262第4版在正式发布前被放弃；
mars3d-es5-widget:Mars3D传统技术栈下的小部件项目模版
04-04
Mars3D基础项目模版（含widget模块）-ES5传统版传统模式Web前端技术栈下的一个拥有widget基础功能的应用的三维地球项目模版其他技术栈，请参考项目说明该项目与Mars3D基础项目的目录和文件完全相同，这是Mars3D基础...
es5-shim：适用于旧式（和现代）JavaScript引擎的ECMAScript 5兼容性垫片
02-19
es5-shim.js和es5-shim.min.js猴子修补了一个JavaScript上下文，以包含所有EcmaScript 5方法，这些方法可以用旧版JavaScript引擎如实地模拟。 注意：由于es5-shim.js旨在修补本机Javascript引擎，因此应该首先加载...
es5-shim.js
08-31
es5-shim.js 有需要的赶紧下载吧....
es5-safe:拓展原生对象,提供ES5规范新增的部分功能
06-15
该模块提供了兼容性垫片，以便遗留 JavaScript 引擎的行为尽可能接近 ES5。 它提供了以下方法： Function . prototype . bind Object . keys Array . isArray Array . prototype . forEach Array . prototype . ...
24 React.createRef()用法细节分析
Stephy_Yy
10-12 1941
通过React.createRef → ref对象 通过元素的ref属性可以附加到React元素上 一般通过构造器中给this的属性赋值一个ref，方便整个组件使用 ref只要传递到react元素中，就可以利用ref的current属性访问到该真实DOM节点 ref在componentDidMount和componentDidUpdate触发前更新 current里是null的现象 由于打印时，this.modalRef才刚刚声明，current是null，但是current是个引用值，展开时访问的是.
13 代码分割之import静动态导入
Stephy_Yy
05-09 1342
前端首屏优化方案之一 项目构建时会整体打包成一个bundle的JS文件，而有的代码、模块是加载时不需要的，需要分割出来单独形成一个文件块chunk（不会打包在main里），让模块懒加载（想加载时才加载），以减少应用体积、减少加载时的体积。 import是关键字而非函数（类比typeof，typeof '123’ or typeof('123')） 静态导入： import xxx from ''，导入并加载时，导入的模块会被编译，不是按需编译 动态导入：import('') 根据条件或按需的模块导入
ES6-2 块级作用域与嵌套、let、暂行性死区
Stephy_Yy
07-10 1323
阮一峰ES6 - let 思考，在编写代码时，有es5、es6的语法，究竟是否有块级作用域？ ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。 1. var关键字可以重复声明 var num1 = 1; var num1 = 100; console.log(num1) // 100 2. let块级作用域 2.1 同一作用域下不能重复声明（无论是let/var/const声明） let num1 = 1; var num1 = 100
正则 - 阮一峰
Stephy_Yy
07-19 679
学习地址 一 正则实例方法 1. test 正则实例.test返回布尔值 var r = /x/g; var s = '_x_x'; r.lastIndex // 0 r.test(s) // true r.lastIndex // 2 r.test(s) // true r.lastIndex // 4 r.test(s) // false 死循环，因为while循环的每次匹配条件都是一个新的正则表达式，导致lastIndex属性总是等于0。 var count = 0; while (/
typescript
Stephy_Yy
11-05 477
mock数据api ts-node tsc指令（typescript compile）编译并执行ts文件 npm install -g typescript ts-node tsc --help // 查看指令 cnpm install axios -S tsc index.ts ts-node index.ts
15 错误边界与使用技巧
Stephy_Yy
10-06 464
错误边界 React16增加 防止某个组件的UI渲染错误导致整个应用崩溃 子组件发生JS错误，有备用的渲染UI 错误边界是组件，只能用class组件来写 错误边界组件捕获错误的时机 渲染时 生命周期函数中 组件树的构造函数中 getDerivedStateFromError 生命周期函数 static getDerivedStateFromError(error) 参数：子组件抛出的错误 返回值：新的state 渲染阶段调用 作用：不允许出现副作用（异步代码、操作dom等） componentD
pdfjs-2.7.570-es5-dist
09-17
pdfjs-2.7.570-es5-dist是一个用于处理PDF文件的JavaScript库。它提供了一组强大的功能，可用于在网页上呈现和操作PDF文档。 首先，pdfjs-2.7.570-es5-dist可以代替常见的PDF阅读器插件，让用户在不离开网页的情况...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值