JavaScript进阶教程——包装对象、类型转换、作用域、闭包与模块化

news2025/1/11 7:05:19

文章目录

  • 包装对象
  • 类型转换
    • 显示转换
    • 隐式转换
  • 作用域
    • let与const的用法:
    • 作用域链
  • 闭包与模块化
    • 封装

包装对象

为什么原始类型可以使用方法和属性:

  1. toString()
  2. split()
  3. length属性

在这里插入图片描述
包装对象:

  1. new String()
  2. new Number()
  3. new Boolean()
let num = 123;
console.log(typeof num.toString());

let str = "hello world";
console.log(str.split(""));
console.log(str.length); // new String(str)

原始类型调用方法或属性的时候,程序的后台会自动将他们转换成对应的包装对象。

转换后,立即销毁:
在这里插入图片描述

转换成包装对象,并成功执行方法后,包装对象会立即销毁,变量又重新回到原始类型的状态

在这里插入图片描述

总结:永远不要主动创建包装对象

创建包装对象的构造函数可以用来做类型转换:

  1. String()
  2. Number()
  3. Boolean()

类型转换

在开发项目的时候,我们经常会用到类型转换,例如:

DOM输入的字符串,我们希望实现数学运算,要转换成数值。

类型转换可以分成两类:

  1. 显示转换(强制转换) Number String Boolean
  2. 隐式转换(自动转换)

显示转换

  1. Number()
  2. String()
  3. Boolean()
  4. toString(): null和undefined不能调用toString方法实现类型转换
  5. parseInt()
  6. parseFloat()

在这里插入图片描述

在这里插入图片描述

Number、parseInt的区别,Number传的参数必须是纯数字,不能有字母,parseInt可以有,但是如果字母位于第一位,则返回NaN

隐式转换

  1. if语句
  2. while语句
  3. 逻辑与
  4. 逻辑或
  5. 逻辑非
  6. == : 使用===代替==,既可以避免歧义,也可以提升性能

各种数据类型是如何实现类型转换的呢:

  1. 数值类型只有0和NaN会转换成false
  2. null和undefined都会转换成false
  3. 空字符串会转换成false,其他为true
  4. 所有对象都会转换成true

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

逻辑与左侧的值转化为布尔值,如果为true,那么逻辑与表达式的返回值就是第二个值,如果左侧为false,那么返回值就是第一个值

在这里插入图片描述

逻辑或左侧的值转化为布尔值,如果为false,那么逻辑与表达式的返回值就是第二个值,如果左侧为true,那么返回值就是第一个值

作用域

  1. 函数外面能否使用函数内部定义的变量
  2. if语句或for语句外面能够使用语句内定义的变量

在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

每一个变量都有自己的作用域:

  1. 全局变量
  2. 局部变量

let与const的用法:

  1. 抛弃var,永远使用let定义变量
  2. 通常引入外部模块,或是定义函数表达式,可以使用const定义常量
  3. let const有块级作用域

作用域链

在作用域中嵌套作用域时,就会形成一个作用域链,更底层的作用域可以访问上层及其更上层的变量,但是上层无法直接访问底层的变量。

闭包与模块化

什么是闭包:
简单一句话概括:函数嵌套,内部函数就叫做闭包。

/*
	1. 函数嵌套,内部函数就是闭包
	2. 内部函数没有执行完成,外部函数内存空间不会被销毁
*/
function outerFun() {
  let n = 10
  function innerFun() {
    console.log(n)
  }
  
  return innerFun
}

let fun = outerFun()

fun() // 10

闭包有什么用:封装

封装

将一个功能放到一个模块中

var a = (function () {
	var n = 10
	var m = 20
	
	function add() {
		console.log(n + m)
	}

   return add
}()

但是现在实际开发中我们会使用es6的语法来封装

总结:

  1. 函数嵌套
  2. 内部函数可以使用外部函数的变量
  3. 闭包作为返回值,内部函数没有运行完成,外部函数中变量不会被销毁
  4. 可以用来实现模块化或封装代码

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/75296.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux内存管理之UMA模型和NUMA模型

共享存储型多处理机有两种模型 均匀存储器存取(Uniform-Memory-Access,简称UMA)模型 (一致存储器访问结构) 非均匀存储器存取(Nonuniform-Memory-Access,简称NUMA)模型 (非一致存…

大学生阅读小说网页设计模板代码 柏书旧书网带登录表单 注册表单小说书籍网页作业成品 学校书籍网页制作模板 学生简单书籍阅读网站设计成品

🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (10…

python Graphillion简介

Graphillion是一个用于高效图集操作的Python库。与NetworkX等现有的图形工具不同,Graphillion被设计为一次只处理一个图形,而Graphillion则非常有效地处理一个大型的图形集。令人惊讶的是,使用Graphillion可以在一台计算机上处理数万亿的图形…

SQL注入漏洞 | sleep型

文章目录前言MySQL sleep型测试数据库名长度数据库名表名列名字段值总脚本文件前言 SQL注入漏洞 | bool型 if(SQL语句,sleep(),null) if()、sleep()的使用 select * from table where id1 and sleep(2) //执行查询id1,同时sleep(2)。浏览器显示数据库返回的结果…

MyBatis Mapper四步走

1. 定义承载结果的Java类充当领域对象(不使用MyBatis的内置map)。 2.开发Mapper组件,也就是接口XML(或注解) 3.获取SqlSession,在获取Mapper组件对象。 4.调用Mapper组件的方法操作数据库。 ----------…

CSDN客诉周报第13期|修复3个重大bug,解决10个次要bug,采纳1个用户建议

听用户心声,解用户之需。hello,大家好,这里是《CSDN客诉周报》第13期,接下来就请大家一同回顾我们最近几周解决的bug~ 一、重大问题 1、【数据中台】搜索功能失效,无法搜出内容 反馈量:300 …

Linux下的进程类别(内核线程、轻量级进程和用户进程)以及其创建方式

【推荐阅读】 需要多久才能看完linux内核源码? 手把手教你如何编写一个Makefile文件 了解ixgbe网卡驱动— 驱动注册(纯代码分享) 关于如何快速学好,学懂Linux内核。内含学习路线 Linux内核CPU调度域内容讲解 Linux进程类别 虽然我…

图像处理之《基于生成对抗网络和梯度下降逼近的鲁棒无覆盖隐写术》论文精读

一、相关知识 1、图像隐写术分类 本文对图像隐写术又做了新的分类,可以分为传统图像隐写术、无载体图像隐写术和基于深度学习的图像隐写术。 本文又将基于深度学习的图像隐写术又分为四种:基于嵌入的方法(即将传统的隐写术如LSB与生成模型相结合&…

clickhouse doris 实时OLAP数据库的对比与选型

背景介绍 ClickHouse 是俄罗斯的搜索公司 Yandex 开源的 MPP 架构的分析引擎,号称比事务数据库快 100-1000 倍,团队有计算机体系结构的大牛,最大的特色是高性能的向量化执行引擎,而且功能丰富、可靠性高。 Apache Doris 是由百度…

【SpringBoot图书馆管理系统项目开发教程 1 】项目规划和启动

👦 作者简介:码上言 🥇代表教程: 1、Spring Boot vue-element 开发个人博客项目实战教程 2、基于SpringBoot智能图书馆管理系统项目开发教程 📔我的文档网站:http://xyhwh-nav.cn/ 基于SpringBoot Vue 的…

Python xlwings模块

一 xlwings安装与功能介绍 使用特定模块前,需要在程序最前面进行模块导入,和JAVA导入依赖包一样。 import 模块名 也可以加上from语句导入特定的子模块(主要是防止某些模块太大影响加载速度) from 模块名 import 函数名(也可以用*代表所有) 1.1 os模块 o…

终极 Microsoft 365 管理工具——M365 Manager Plus

由于疫情原因,我们的工作方式也发生了很大的改变,相比以往的办公方式,未来线上远程办公将成为一种全新的方式。但目前对于很多企业来说,施行线上办公模式还面临着很多困难。Microsoft 365是企业最普遍选择的基于云的工作组件&…

文件上传漏洞之upload-labs靶场实战通关

目录 pass-01 pass-02 pass-03 pass-04 pass-06 pass-07 pass-08 pass-09 pass-10 pass-11 pass-12 pass-13 pass-14 pass-15 pass-16 pass-17 pass-18 pass-19 pass-20 pass-21 pass-01 pass-02 前端删除完验证函数后通过burp修改 content-type的类型 pa…

web前端 html+css+javascript 绿色的随行旅游网页设计实例 企业网站制作

👨‍🎓学生HTML静态网页基础水平制作👩‍🎓,页面排版干净简洁。使用HTMLCSS页面布局设计,web大学生网页设计作业源码,这是一个不错的旅游网页制作,画面精明,排版整洁,内容…

Span抽取和元学习能碰撞出怎样的新火花,小样本实体识别来告诉你!

近日,阿里云机器学习平台PAI与华东师范大学高明教授团队、达摩院机器智能技术NLP团队合作在自然语言处理顶级会议EMNLP2022上发表基于Span和元学习的小样本实体识别算法SpanProto。这是一种面向命名实体识别的小样本学习算法,采用两阶段的训练方法&#…

Java StringBuilder

JavaStringBuilder\huge{Java \space StringBuilder}Java StringBuilder 概述 StringBuilderStringBuilderStringBuilder类是一种特殊的可变字符串的操作类,可以把它看做成一种特殊的对象容器。(简单讲的话就是一种特殊的字符串类型) 为什么要使用它? …

1、Spring简介与基于XML的IoC装配

一、Sping简介 1、概述 1、Spring是一个轻量级Java开发框架,最早有Rod Johnson创建,目的是为了解决企业级应用开发的业务逻辑层和其他各层的耦合问题。 2、Spring是一个面向对象设计层面的开发框架(基本上都是运行在后台)&#x…

从入门到进阶,KingbaseES数据库学习资料整理(持续归档中...)

一、安装和卸载 1.安装包 2.安装&卸载 3.安装、移除组件 4.license 5.安装问题 二、系统管理 1.初始化 2.数据库 3.快速开发管理工具 三、应用开发 1.sql 2.plsql 3.扩展和插件 4.接口 四、迁移 1.初始化和配置 2.迁移数据 3.迁移对象 4.迁移的异常处…

Linux网络原理与编程(2)——第十二节 应用层协议(以HTTP为例)

目录 协议 HTTP协议 认识URL HTTP协议的特征 HTTP的构成及报文格式 报文格式 请求方法 常见的Header 状态码 Cookie 我们从本节开始,就来正式地详细介绍网络各个层次的内容。 我们先从最顶端的应用层协议说起。 在说应用层协议之前,我们来思考…

Day42——Dp专题

文章目录五、多重背包六、背包问题总结动规五部曲背包递推公式遍历顺序18.打家劫舍19.打家劫舍II20.打家劫舍 III(dfs缓存/树形DP)五、多重背包 对于多重背包,我在力扣上还没发现对应的题目,所以这里就做一下简单介绍&#xff0c…