JS语言通识 | 泛用语言分类方法 和 JavaScript类型

最新推荐文章于 2023-10-30 23:44:20 发布
最新推荐文章于 2023-10-30 23:44:20 发布
阅读量1.3k 收藏 2
点赞数 1
分类专栏： 前端学习 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hadry123/article/details/107299231
版权

语言的分类

形式语言—用途

  • 数据描述语言 （例 ：JSON ， HTML，XHTML，SQL）
  • 编程语言（例：C，C++， Java）
    形式语言—表达方式
  • 声明式语言（只告诉你他的结果是怎么样的，例：JSON）
  • 命令型语言（会告诉你达成这个结果他的每个步骤是怎么样的，例C++、C、Java、C#、Python、Ruby、Perl、T-SQL、JavaScript）

语言按语法分类

  • 非形式语言

  • 形式语言（乔姆斯基谱系）
    说明：0123属于包含关系

    • 0型 无限制文法
    • 1型 上下文相关文法
    • 2型 上下文无关文法
    • 3型 正则文法

产生式（BNF）

说明：巴科斯-诺尔范式 最经典最常用，简称BNF。

  • 用尖括号括起来的名称来表示语法结构名
  • 语法结构分成基础结构和需要用其他语法结构定义的复合结构
    • 基础结构称终结符
    • 复合结构称非终结符
  • 引号和中间的字符表示终结符
  • 可以有括号
  • *表示重复多次
  • | 表示或
  • +表示至少一次

通过产生式理解乔姆斯基普系

  • 0型 无限制文法
  `？::=?
  • 1型 上下文无关文法
 "<A>::=?"
  • 2型 上下文无关文法
<A>::=?

3型 正则文法

<A>::=<A>?
<A>::=?<A> ❌

图灵完备性

  • 图形完备性
  • 命令式——图灵机
    • goto
    • if和while
  • 声明式——lambda
    • 递归

动态与静态

动态

  • 在用户的设备/在线服务器上
  • 时机：产品实际运行时
  • 术语：Runtime

静态

  • 在程序员的设备上
  • 时机：产品开发时
  • 术语：Compiletime

类型系统

  • 动态类型系统与静态类型系统
  • 强类型与弱类型
  • 复合类型
    • 结构体
    • 函数签名（参数类型，返回值类型）
  • 子类型
  • 泛型
    • 逆变/协变

一般命令式编程语言

在这里插入图片描述

JavaScript类型

基本数据存储在栈（stack）中（String Numble Boolean Null Undefined Symbol（注：Symbol是ES6引入的一种新的原始数据类型，表示独一无二的值。）），引用数据类型是保存在堆（heap）中的对象（对象Object、数组Array 、函数Function、Date等）

  • Number（重点 IEEE 754 float 表示方法）

在这里插入图片描述
指数位默认会有一位
在这里插入图片描述
0.1+0.2 ！= 0.3是因为会有精度损失，最大损失3e

  • String

    • ASCll（ 127 字符，无法表示中文）
    • Unicode（基于两个字节 0000~FFFF）
    • USC（Unicode与别的标准化组织合并 ）
    • GB（与Unicode字符集不一致）
      • GB2312（国标，第一个版本）
      • GBK
      • GB18030
    • ISO-8859
    • BIG5
编码方式

在这里插入图片描述
反引号：javaScript引擎解析
在这里插入图片描述

  • Boolean

  • Object

    任何一个对象都是唯一的，这与他本身的状态无关，即使状态完全一致的两个对象也并不相等，我们用状态来描述对象，我们状态的改变即是行为。

    核心三要素

    • state 对象具有唯一标识性：即使完全相同的两个对象，也并非同一个对象。
    • identifier对象有状态：对象具有状态，同一对象可能处于不同状态之下。
    • behavior 象具有行为：即对象的状态，可能因为它的行为产生变迁。

    类
    类是一种常见的描述对象的方式
    主要流派分为： “归类” 和 “分类”
    对于“归类”方法而言，多继承是非常自然的事情。例：c++
    而采用分类分类思想的计算机语言，则是单继承结构，并且会有一个基类Object
    javaScript比较接近分类思想，但也不完全是分类的思想， javaScript其实是一个多范式的面向对象语言
    在设计对象的状态和行为时 我们总是遵循“行为改变状态”的原则
    在这里插入图片描述

    javaScript 的属性的值的部分的两种形态，

    我们可以使用内置函数 Object.getOwnPropertyDescripter 来查看，如果我们要想改变属性的特征，或者定义访问器属性，我们可以使用 Object.defineProperty
    数据属性 attribute：

    • value：可以是任何的javaScript值。
    • writable: 是否可写，为false 仅仅点运算不可改变
    • enumerable：是否可枚举
    • configurable:是否可以被改变， 为false所有值不可改变

    访问器属性：

    • get（读属性时调用）
    • set（写属性时调用）
    • enumerable（决定 for in 能否枚举该属性）
    • configurable（决定该属性能否被删除或者改变特征值。）
      在这里插入图片描述
    JavaScript 中的对象分类

    • 宿主对象（host Objects）：由 JavaScript 宿主环境提供的对象，它们的行为完全由宿主环境决定。

    • 内置对象（Built-in Objects）：由 JavaScript 语言提供的对象。

      • 固有对象（Intrinsic Objects ）：由标准规定，随着 JavaScript 运行时创建而自动创建的对象实例。

      • 原生对象（Native Objects）：可以由用户通过 Array、RegExp 等内置构造器或者特殊语法创建的对象。

      • 普通对象（Ordinary Objects）：由{}语法、Object 构造器或者 class 关键字定义类创建的对象，它能够被原型继承。

      语法和API

      在这里插入图片描述

      特殊对象

      函数对象的定义是：具有 [[call]] 私有字段的对象，构造器对象的定义是：具有私有字段 [[construct]] 的对象

      • Array：Array 的 length 属性根据最大的下标自动发生变化。

      • Object.prototype：作为所有正常对象的默认原型，不能再给它设置原型了。

      • String：为了支持下标运算，String 的正整数属性访问会去字符串里查找。

      • Arguments：arguments 的非负整数型下标属性跟对应的变量联动。

      • 模块的 namespace 对象：特殊的地方非常多，跟一般对象完全不一样，尽量只用于 import 吧。
        类型数组和数组缓冲区：跟内存块相关联，下标运算比较特殊。

      • bind 后的 function：跟原来的函数相关联。

  • Null（已存在的值）

  • Undefined（未存在的值，不是关键字）

    语法上最简洁得到Undefined值的方法是 void 0

    • 为什么f()中的undefined被当成变量重写后，后面能取到值。但在全局以undefined为变量重写值时，console.log(undefined)还是undefined？
      全局 undefined 本质上是window.undefined, 如果用 Object.getOwePropertyDescriptor(window, ‘undefined’) 就会看到 undefined是window的第一类属性–数据属性，而且该属性不能能被赋值（writable=false），不能被for in枚举（enumerable=false），不能删除或改变特征值(configurable=false)。这也解释为什么给undefined重新赋值后其值却不改变：因为writable=false

  • Symbol

还有一个

  • Biglnt

hahala2333
关注
专栏目录
⑤ - 前端工程师通识指南
易编橙 · 终身成长社群，相遇已是上上签！
04-29 720
该章节呢主要为大家介绍的是【前端工程师】主要是做什么，了解前端岗位的工作职责和职业发展路径。
js各类方法总结
weixin_45209120的博客
08-25 1040
js方法总结
JS方法集
weixin_34290000的博客
07-11 287
数组方法集 Angela.array = { //# 数组方法 // index, 返回位置！ 不存在则返回 -1； index: function (t, arr) { //# 返回当前值所在数组的位置 if (arr.indexOf) { return arr.indexOf(t); } ...
JavaScript高级 js语言通识
qq_33363757的博客
11-20 572
如 C,C++,Java,Python,Ruby,Perl,Lisp,T-SQL,Clojure,Haskell,JavaScript。JavaScript中, / 可能是除号,也可能是正则表达式开头,处理方式类似于VB,字符串模板中也需要特殊处理 } ,还有自动插入分号规则。如 JSON,HTML,XAML,SQL,CSS,Lisp,Clojure,Haskell。VB中, < 可能是小于号,也可能是XML直接量的开始,取决于当前位置是否可以接受XML直接量。- if和while。- 在程序员的设备上。
JS的方法分类整理
Milk_o3o的博客
12-19 521
Object Object.prototype.isPrototypeOf() 用法：Foo.propotyoe.isPrototypeOf(object)，返回布尔值。 用于测试一个对象是否存在于另一个对象的原型链上。 Foo.propotype 是否存在于object 对象的原型链上。 object 对象是否继承自 Foo.propotype。 与 instanceof运算符不同。
JS数组常用方法的分类、理解和运用
weixin_45062076的博客
03-12 441
JS数组常用方法的分类、理解和运用
【Web通识】通过Web构成解读Web组件
01-08
【Web通识】通过Web构成解读Web组件 一、总述 Web的早期形式是静态网站，用户通过浏览器访问服务器上的HTML静态文件。随着互联网技术的进步，Web发展为动态、多维、模块化的动态网站。动态网站包含了静态文件、动态...
JavaScript 基础
liangaoyun的博客
12-05 433
1、引入方式： 1、内部形式：通过 script 标签包裹 JavaScript 代码 <script> alert('努力 奋斗') </script> 2、外部形式：将 JavaScript 代码写在独立的以 .js 文件中，然后通过 script 标签的 src 属性引入 <script src="./my.js"></script> 如果 script 标签使用 src 属性引入了.js 文件，那么 标签的代码会被忽略.
《JavaScript忍者秘籍》（第二版）- 第5章 -精通函数：闭包和作用域
lvhanghmm的博客
07-16 811
目录第5章 精通函数：闭包和作用域5.1 理解闭包5.2 使用闭包5.2.1 封装私有变量5.2.2 回调函数5.3 通过执行上下文来跟踪代码5.4 使用词法环境跟踪变量的作用域5.4.1 代码嵌套5.4.2 代码嵌套与词法环境5.5 理解 JavaScript 的变量类型5.5.1 变量的可变性const变量5.5.2 定义变量的关键字与词法环境使用关键字var使用let与const定义具有块...
JavaScript基础知识和变量
yyt9996的博客
07-30 481
人和计算机打交道的规则约定我们要按照这个规则去写比如你吃了吗？我们程序员需要操控计算机，需要计算机能看懂输出语法语法1作用向body内输出内容注意如果输出的内容写的是标签，也会被解析成网页元素语法2作用页面弹出警告对话框语法3作用控制台输出语法，程序员调试使用在计算机科学中，字面量（literal）是在计算机中描述事/物比如我们工资是1000此时1000就是数字字面量'大家好'字符串字面量还有[]数组字面量，{}对象字面量等等。......
BNF详细的语法定义（包含所有的BNF关键字）
07-19
BNF详细的语法定义 BNF详细的语法定义 BNF详细的语法定义
BNF语法开发指南
08-19
BNF语法开发指南，离线命令词语法构建的BNF语法开发指南
prettybnf:一个用于处理BNF语法JavaScript库
05-15
漂亮的 一个用于处理BNF语法JavaScript库 关于 prettybnf提供用于Backus-Naur Form语法的解析器和用于漂亮打印BNF抽象语法树的字符串化器。 它使用传统的BNF语法而不是yacc语法。 入门 从获取源代码或最新版本。 您也可以将其作为找到。 您可以在Node.js应用程序和现代浏览器中使用prettybnf 。 仅支持使用严格模式实现ECMAScript 5.1的浏览器。 其中包括Chrome 13 +，Firefox 4 +，Safari 5.1 +，IE 10+和Opera 12+（）。 要在您的项目中使用该库，请执行以下操作： 在使用npm的Node.js应用npm ：做npm install prettybnf并将var prettybnf = require('prettybnf')到脚本中。 在Node.js应用中，手动：将pretty
BNF for Java-开源
04-16
BNF for Java是BNF编译器或Parser-Generator。 它使用Java实现ISO标准Backus-Naur格式。 BNF允许您创建语法或完整的语言来解析数据源。 您的自定义Java扩展会生成输出。
JS基础方法
落叶的博客
12-31 314
JS基础方法 charAt()方法 用于返回指定索引处的字符。索引范围为从 0 到 length() - 1。 例子： var week="找工作好难呀"； console.log("week打印的第3索引："+week.charAt(3)) console.log("week打印的第7索引："+week.charAt(7)) 结果： typeof 方法 返回该对象数...
泛类型方法的简单例子
徜徉在微软的陷阱
02-16 680
     protected void Page_Load(object sender, EventArgs e)    {        int a = 1;        int B = 2;        int C = 0;        C=a(ref a, ref B);        Response.Write(C);    }    private void a(ref T a,
什么是泛用性编程
小雨点的博客
03-05 2412
编程语言之谈 一、为何开始谈编程语言？ 从大学到工作之始到如今走过了几种语言之后，于我如今思考的不再是该不该学某种语言，而是说语言本身只是一种范式。开发语言本身来说只是就是用逻辑性解决问题而生，度娘定义为计算机程序形式语言。曾看过一篇文章日系程序员提倡的是泛用性编程理念，国人主要走专系列语言，在我理解，各有利弊，专系列的铸造专业性较强人才，泛系列的走的更多的是通用编程，语言即是工...
如何理解泛型，泛型是什么
weixin_54000091的博客
06-23 1174
泛型其实就可以理解为函数的函数头function(形参)，其中的T,K，P等可以理解为函数的形参。 但是在泛型中不叫形参，而叫类型参数。为什么呢，因为只有类型才能作为泛型的参数传入，例如ts中用type,interface,class这种定义的数据叫类型，这种数据就可以作为泛型的类型参数传入，而在js中使用let,var,const定义的叫字面量数据，只能作为函数的参数传入。 所以总结 泛型的参数，是以类型数据作为实际参数传入 函数的参数是以字面量作为实际参数 泛型与函数在使用上可以说一样...
JS加密/解密之jsx解密分析
最新发布
mxd01848的博客
10-30 2375
​ 有朋友找到我，说有一份没见过的js加密，后缀为.jsx格式的文件找到我让我来帮忙还原成源代码。想要了解的可以去jsjiami官网找客服。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值