js之对象分类、数据类型分类和存储位置、函数 function介绍、变量的作用域

1、js对象分类

（1）内建对象

由ES标准中定义的对象，在任何的ES的实现中都可以使用
比如：js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象，包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。
其中Global和Math这两个对象又被称为“内置对象”，这两个对象在脚本程序初始化时被创建，不必实例化这两个对象。

在这里插入图片描述

我们把JavaScript中，能够通过语言本身的构造器创建的对象称作原生对象。在JavaScript标准中，提供了30多个构造器。按照不同应用场景，我把原生对象分成了以下几个种类：

在这里插入图片描述

这些构造器创建的对象多数使用了私有字段,例如：

Error: [[ErrorData]]
Boolean: [[BooleanData]]
Number: [[NumberData]]
Date: [[DateValue]]
RegExp: [[RegExpMatcher]]
Symbol: [[SymbolData]]
Map: [[MapData]]

这些字段使得原型继承方法无法正常工作，所以，我们可以认为，所有这些原生对象都是为了特定能力或者性能，而设计出来的“特权对象”。

（2）宿主对象

由执行JS脚本的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
比如 BOM DOM

（3）自定义对象

由开发人员自己创建的对象

1.1、创建对象

使用new关键字调用的函数，是构造函数constructor，构造函数是专门用来创建对象的函数，使用typeof检查一个对象时，会返回object。

1.2、属性

语法：对象.属性名 = 属性值;

1.3、读取对象中的属性

语法：对象.属性名

1.4、修改对象的属性值

语法：对象.属性名 = 新值

1.5、删除对象的属性

语法：delete 对象.属性名

2、数据类型分类和存储位置

2.1、基本数据类型

String
Number
Boolean
Null
Undefined

2.2、引用数据类型

Object

2.3、类型存储位置

JavaScript中的变量都是保存到栈内存中的，基本数据类型的值直接在栈内存中存储，值与值之间是独立存在，修改一个变量不会影响其他的变量。

对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，当一个通过一个变量修改属性时，另一个也会受到影响。

2.4、对象的比较

当比较两个基本数据类型的值时，就是比较值。

而比较两个引用数据类型时，它是比较的对象的内存地址，

如果两个对象是一样的，但是地址不同，它也会返回false。

2.5、对象字面量

{属性名:属性值,属性名:属性值…}

对象字面量的属性名可以加引号也可以不加，建议不加,如果要使用一些特殊的名字，则必须加引号

var obj = { 
    name:"李世民", age:29, gender:"男", test:{ 
   name:"测试"} };

3、函数 function

3.1、什么是函数

函数也是一个对象
函数中可以封装一些代码，在需要时可以执行这些代码
函数中可以保存一些代码在需要的时候调用
使用typeof检查一个函数对象时，会返回function

3.2、函数的执行

封装到函数中的代码不会立即执行
函数中的代码会在函数调用的时候执行
调用函数语法：函数对象()
当调用函数时，函数中封装的代码会按照顺序执行

3.3、语法

function 函数名([形参1,形参2,...,形参n]){ 
    语句... }

3.4、函数的参数

（1）形参

定义一个用来求两个数和的函数
可以在函数的()中来指定一个或多个形参（形式参数）
多个形参之间使用,隔开，声明形参就相当于在函数内部声明了对应的变量，但是并不赋值

（2）实参

在调用函数时，可以在()中指定实参（实际参数）;

实参将会赋值给函数中对应的形参;

调用函数时解析器不会检查实参的类型，所以要注意，是否有可能会接收到非法的参数，如果有可能则需要对参数进行类型的检查，函数的实参可以是任意的数据类型。

调用函数时，解析器也不会检查实参的数量，多余实参不会被赋值，如果实参的数量少于形参的数量，则没有对应实参的形参将是undefined。

3.5、返回值return

function sum(a , b , c){ 
    var d = a + b + c; return d; }

3.6、对象中的函数

如果一个函数作为一个对象的属性保存，那么我们称这个函数时这个对象的方法，调用这个函数就说调用对象的方法（method）。

var obj = { 
    name:"李世民", age:28, sayName:function(){ 
    console.log(obj.name); } };

3.7、遍历对象中的属性

for(var 变量 in 对象){ 
    console.log('变量') }

4、变量的作用域

作用域指一个变量的作用的范围。

在JS中一共有两种作用域：

4.1、全局作用域

直接编写在script标签中的JS代码，都在全局作用域
全局作用域在页面打开时创建，在页面关闭时销毁
在全局作用域中有一个全局对象window，
它代表的是一个浏览器的窗口，它由浏览器创建我们可以直接使用

在全局作用域中：

创建的变量都会作为window对象的属性保存；
创建的函数都会作为window对象的方法保存；

全局作用域中的变量都是全局变量，在页面的任意的部分都可以访问的到。

4.2、函数作用域

调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁，每调用一次函数就会创建一个新的函数作用域，他们之间是互相独立的；

在函数作用域中可以访问到全局作用域的变量；
在全局作用域中无法访问到函数作用域的变量；

在函数中要访问全局变量可以使用window对象。

在函数作用域也有声明提前的特性，使用var关键字声明的变量，会在函数中所有的代码执行之前被声明，函数声明也会在函数中所有的代码执行之前执行。

function fun(){ 
    fun1(); //console.log(a); var a = 29; function fun1(){ 
    alert("I'm fun1"); } }

在函数中，不用var声明的变量都会成为全局变量。

5、附：浏览器中计算出来JavaScript有多少固有对象-47个

demo.js

var set = new Set(); var objects = [ eval, isFinite, isNaN, parseFloat, parseInt, decodeURI, decodeURIComponent, encodeURI, encodeURIComponent, Array, Date, RegExp, Promise, Proxy, Map, WeakMap, Set, WeakSet, Function, Boolean, String, Number, Symbol, Object, Error, EvalError, RangeError, ReferenceError, SyntaxError, TypeError, URIError, ArrayBuffer, // SharedArrayBuffer, DataView, Float32Array, Float64Array, Int8Array, Int16Array, Int32Array, Uint8Array, Uint16Array, Uint32Array, Uint8ClampedArray, Atomics, JSON, Math, Reflect]; objects.forEach(o => set.add(o)); console.log(objects); console.log(objects.length); // 打印46 + 1

到此这篇js之对象分类、数据类型分类和存储位置、函数 function介绍、变量的作用域的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！

上一篇： vue3中，方法之对象深拷贝、判断对象的数据类型

下一篇： NoSQL数据库(五)022-Egg+Redis+MongoDb实现登录流程——业务流程梳理 & 安装依赖与页面编写

版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/sjkxydsj/10781.html