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

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多个构造器。按照不同应用场景,我把原生对象分成了以下几个种类

在这里插入图片描述

通过这些构造器,我们可以用new运算创建新的对象,所以我们把这些对象称作原生对象。
几乎所有这些构造器的能力都是无法用纯JavaScript代码实现的,它们也无法用class/extend语法来继承。

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

  • 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、对象字面量

1、使用对象字面量,可以在创建对象时,直接指定对象中的属性
2、语法

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

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

属性名和属性值是一组一组的名值对结构,名和值之间使用:连接,多个名值对之间使用,隔开
如果一个属性之后没有其他的属性了,就不要写。

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、函数作用域

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

  • 在函数作用域中可以访问到全局作用域的变量;

  • 在全局作用域中无法访问到函数作用域的变量;

当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用;
如果没有则向上一级作用域中寻找,直到找到全局作用域,如果全局作用域中依然没有找到,则会报错ReferenceError。

在函数中要访问全局变量可以使用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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值