首页 > 编程语言 >Js高级总结1 JavaScript数据类型

Js高级总结1 JavaScript数据类型

时间:2024-09-17 12:51:29浏览次数:13  
标签:调用 函数 对象 JavaScript 数据类型 Js 属性 变量

文章目录


数据类型

1.1 基本数据类型
string:任意字符串
number:任意数字
null:null
boolean:true/false
undefined:undefined
1.2 对象类型
object:任意对象
function:一种特别的对象(可以运行)
array:一种特别对象(数值下标,内部数据有序)


判断

typeof:返回数据类型的字符串表达,可以判断 undefined 数值 字符串 布尔值 function,不能判断 null object array

instanceof:判断对象的具体类型

===:可以判断 undefined null


引用变量赋值问题

n个引用变量指向同一个对象,通过一个变量修改对象内部数据,另一个变量看到的是修改之后的数据

2个引用变量指向同一个对象,让其中一个引用变量指向另一个对象,另一引用变量依然指向前一对象

js调用函数传递变量参数时是值传递


js引擎如何管理内存

内存生命周期
分配空间:得到使用权限
存储数据:可以反复操作
释放小内存空间
释放内存
局部变量:函数执行完自动释放
对象:成为垃圾对象,垃圾回收器回收


对象

什么是对象?
多个数据的封装体,用来保存多个数据的容器
一个对象代表现实中的一个事物

为什么要用对象?
统一管理多个数据

对象的组成
属性:属性名(字符串)和属性值(任意类型)
方法:一种特别的属性(属性值是函数)

如何访问对象内部数据?
.属性名
[‘属性名’]

什么时候必须要用[‘属性名’]的方式?
属性名包含特殊字符 - ,空格
变量名不确定


函数

什么是函数?
实现特定功能的封装体
只有函数可以执行的

为什么用函数?
提高代码复用,便于阅读交流

如何定义函数?
函数声明
表达式

如何调用函数?
test():直接调用
obj.test():通过对象调用
new test():new调用
test.call/apply(obj):obj.test(),让一个函数成为任意指定对象的方法进行调用

什么函数才是回调函数?
自定义:没有调用却执行的函数
dom事件回调函数
定时器回调函数
ajax请求
生命周期回调函数


生命周期回调函数

定时器
超时定时器
setTimeout
循环定时器


前端

布局
交互


立即执行函数 (IIFE)

匿名函数自调用 是一种在JavaScript中执行代码的技巧。它是把函数定义和调用包装在一起,函数会立即执行,而不是在后面某个时间点。这样可以创建一个临时的作用域,防止污染全局变量,同时允许你封装代码。常见的写法有两种,用圆括号包裹函数表达式,后面跟着调用括号:

(function() {
  // 函数体
})();

或者,用括号包裹整个表达式,然后用函数调用的方式:

(function() {
  // 函数体
})();

这样,即使在全局作用域中,函数内部的变量也不会被外部访问,实现了局部化


闭包

在编程中,闭包是一种拥有自由变量的函数 即使在其定义作用域之外,仍能访问这些变量。它捕捉了定义时的上下文环境,使得变量的状态得以保留,常用于实现作用域链、数据隐私和异步操作等高级功能。在JavaScript等语言中,闭包是实现模块化和记忆化等技术的关键工具。能够读取其他函数内部变量的函数


函数中的this

如何确定this 的值
所有函数内部都有一个变量this,它的值是调用函数的当前对象
任何函数本质上都是通过某个对象来调用,如果没有指定就是window


标签:调用,函数,对象,JavaScript,数据类型,Js,属性,变量
From: https://blog.csdn.net/weixin_54372875/article/details/142313347

相关文章

  • SolidJS-每日小知识(9/16)
    知识介绍使用select组件选择不同数据集,并将数据集渲染到页面上对视图内所有元素进行指定距离的移动(bybutton)代码分析1使用select组件选择不同数据集,并将数据集渲染到页面上定义信号量和optionsconst[selectedFile,setSelectedFile]=createSignal("数据集1");......
  • 这段HTML、CSS和JavaScript代码构成了一个简单的网页游戏,名为“Catch The Insect”
    这段HTML、CSS和JavaScript代码构成了一个简单的网页游戏,名为“CatchTheInsect”。以下是对代码的详细分析和说明:HTML部分基础结构:使用<!DOCTYPEhtml>声明文档类型,确保浏览器以标准模式渲染页面。<htmllang="en">标签定义了文档的语言为英语。<head>部分包含了字符集......
  • 数据结构与算法(四)线性表的抽象数据类型描述
    一、回顾    上一篇我们讲到了线性表的定义,讲到了所谓抽象数据类型就是把数据类型和操作捆版在一起。那么我们接下来分析一下,线性表应该有什么样的相关操作呢?。    从一个例子来看一看,回到我们上一篇开学参加升旗仪式的例子:    老师把同学们按照规......
  • 深入解析JSON:数据交换的通用语言
    目录1.引言2.JSON的起源3.JSON的结构4.JSON的优势5.JSON在软件开发中的应用5.1WebAPI5.2配置文件5.3数据存储6.使用JSON的最佳实践7.结论1.引言在当今的软件开发世界中,数据交换是应用程序之间通信的核心。随着WebAPI和微服务架构的兴起,一种轻量级的......
  • day06 数据类型:指针、切片、字典
    day06数据类型Go语言中常见的数据类型有很多,例如:整型,用于表示整数。浮点型,用于表示小数。布尔型,用于表示真/假。字符串,用于表示文本信息。数组,用于表示多个数据(数据集合)指针,用于表示内存地址的类型。切片,用于表示多个数据(数据集合)字典,用于表示键值对结合。结构体,用于......
  • day05 数据类型
    day05数据类型写程序等价于写作文数据类型,其实就是各种各样类型的数据。Go语言中常见的数据类型有挺多,例如:整型,用于表示整数。浮点型,用于表示小数。布尔型,用于表示真/假。字符串,用于表示文本信息。数组,用于表示多个数据(数据集合)指针,用于表示内存地址的类型。切片......
  • 基于Node.js+vue永加乡精准扶贫信息管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景近年来,随着国家扶贫政策的深入实施,精准扶贫成为推动贫困地区经济社会发展、实现全面脱贫目标的重要战略。然而,传统扶贫管理方式存在信息不对称、资源分配不......
  • 基于Node.js+vue在线小说阅读平台(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,数字阅读已成为现代人休闲娱乐、获取知识的重要方式之一。在线小说阅读平台作为数字阅读领域的重要组成部分,凭借其便捷性、海量资......
  • 基于Node.js+vue游泳馆管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着人们对健康生活方式的追求日益增强,游泳馆作为集休闲、健身、娱乐于一体的场所,其重要性日益凸显。然而,传统的人工管理模式已难以满足游泳馆日益增长的运......
  • 基于Node.js+vue基于SpringoBoot的校园帮互助平台管理系统(开题+程序+论文) 计算机毕
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景在数字化校园日益普及的今天,学生之间的信息交流与合作愈发频繁,但传统方式往往受限于时间、空间及信息不对称等因素,难以高效解决学生在日常生活中遇到的各种......