前端学习-JavaScript基础(数据类型)

数据类型

number 、string、boolean、underfined、null、 function、object([]、{})

通过使用 typeof 运算符检查控制台显示:

  • Underfined:typeof instance === "undefined"

  • Boolean:typeof instance === "boolean"

  • Number:typeof instance === "number"

  • String:typeof instance === "string

  • null:typeof instance === "object"

  • Function:typeof instance === "function"

  • BigInt:typeof instance === "bigint"

  • Symbol :typeof instance === "symbol"

ES6 中新增了一种 Symbol 。Symbol可以创建一个独一无二的值(但并不是字符串),可以解决属性名冲突的问题,做为标记。

谷歌67版本中还出现了一种 BigInt。BigInt是一种内置对象,它提供了一种方法来表示大于 2^53 - 1 的整数,BigInt可以表示任意大的整数。

数据类型又分:基础类型和应用类型

基础类型(值类型):

字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol(ES6新增)

引用类型:

Array 、Function 、Object 、Date

object数据类型表示方式有:

null 、[]  、{}

注意:{}对象里的数据有很多键值对组成,里面是没顺序的。{}就叫对象,不叫object对象类型。

基础类型和引用类型区别

存储的角度:基础类型的数据放在栈中,引用数据存储放在堆中;将堆的地址放在栈中。

赋值的角度:基础类型在赋值是将值复制一份给另一个变量,引用类型赋值是将栈中存储的地址复制一份给另一个变量。

概念:栈是一种后进先出的数据结构,也就是说最新添加的项最早被移出;它是一种运算受限的线性表,只能在表头/栈顶进行插入和删除操作。

栈会自动分配内存空间,会自动释放,存放基本类型,简单的数据段,占据固定大小的空间。

动态分配的内存,大小不定也不会自动释放,存放引用类型,指那些可能由多个值构成的对象,保存在堆内存中,包含引用类型的变量,实际上保存的不是变量本身,而是指向该对象的指针.

!!基础类型赋值:开辟一个空间保存 (a,b)

基础类型的赋值,是将其中一个值复制到另一个变量容器中,引用类型的赋值是将一个栈中的内存地址复制一份放到另一个变量容器中,改变其中一个的值,另一个也会发生改变。

var a=10
var b=a 	// 将a中的值复制一份放到了b中,复制以后,有两个独立的值
a=20		// 改变其中一个,另一个不会发生改变的
console.log(b)  //10

引用类型改变:

var arr=[1,2,3]
var brr=arr
brr[1]='d'		// 将arr存储的地址中的值的2改成d
console.log(brr) 	//1 2 3   没有改变arr在栈中存储的内存地址

引用类型全等比较:基础类型比较值和类型,引用类型比较内存地址是否相等。

var arr=[1,2,3]
var brr=[1,2,3]
if(arr===brr){
	console.log(true) 
s}
console.log(false) 

更详细可以看他:https://blog.csdn.net/u013592575/article/details/95087953

现在也是了解一点点,还没更深的见解,有错误的还请指出来。大家互相学习,冲冲冲。今天就记录到这里吧,希望有帮助的话就点个赞吧。
在这里插入图片描述

  • 6
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
JavaScript中,可以使用AJAX来从后端获取数据。AJAX是一种向服务器发出异步请求并在不刷新整个页面的情况下获取数据的技术。 首先,我们可以使用XMLHttpRequest对象来发送GET请求。代码示例如下: ```javascript var xhr = new XMLHttpRequest(); xhr.open("GET", "/api/data", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); // 在这里对获取到的数据进行处理 } }; xhr.send(); ``` 上述代码中,我们创建了一个XMLHttpRequest对象,并使用open方法来指定请求的类型、URL和是否异步。然后,我们通过设置onreadystatechange事件处理函数来监听请求的状态变化。当readyState为4(请求已完成)且status为200(请求成功)时,我们可以通过responseText属性获取到服务器返回的数据,并进行相应的处理。 另外,也可以使用fetch方法来发送GET请求。代码示例如下: ```javascript fetch('/api/data') .then(function(response) { return response.json(); }) .then(function(data) { // 在这里对获取到的数据进行处理 }); ``` 上述代码中,我们使用fetch方法发送GET请求,并通过使用.then方法来处理返回的Promise对象。首先,我们将响应对象转换为JSON格式,然后再处理转换后的数据。 最后,前端可以根据需要对获取到的数据进行展示或其他操作,比如将数据渲染到页面上的某个元素中。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值