JS初识以及变量小结

最新推荐文章于 2025-11-30 22:19:10 发布

原创最新推荐文章于 2025-11-30 22:19:10 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

一、JS三部分组成

1.ECMAScript——JavaScript语法

2.DOM——页面文档对象模型

3.BOM——浏览器对象模型

二、JS输入输出语句

三、变量

1.什么是变量

变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

变量的本质：变量是程序在内存中申请的一块用来存放数据的空间。

2.变量的使用

使用时分为两步：声明变量->赋值

变量的初始化——声明一个变量同时并赋值，我们称之为变量的初始化

例如：var age = 18;

3.变量语法扩展

①更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

②同时声明多个变量

同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开。

③声明变量的特殊情况

4.变量命名规范

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

STar皆空l

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光

08-19

375

Python基础学习记录。

参与评论您还未登录，请先登录后发表或查看评论

js中函数声明提前

weixin_43735593的博客

11-19

1447

js中函数声明提前 js中普通的变量会声明提前外，函数也会声明提前，不同的是由于函数的声明有两种方法，声明提前的方式也就有两种方式； 1、通过 var fn=function(){}定义函数，只是将函数名提前了，函数体没有提前，如果在函数体前使用fn()调用函数就会报错 fn(); var a = function(){ console.log('函数体没有提前'); } //结果：报错！Unc...

盘点：js中6种变量声明的方式

asd3331380的博客

11-10

549

目前共6种声明变量的方式，分别为var，let，const，function，class，import，下面分别阐述一下这六种方式。 1 var 在ES5阶段，用var定义变量，此阶段具有以下特点 : 1. 没有块的概念，可以跨块访问，不能跨函数访问； 2. 存在变量提升。 2 let 在ES6阶段，出现了块大概念，新增了块级作用域，同时新增了let命令，let声明大变量具有以下特点： 1. let声明的变量只在它所在的代码块有效； 2. 不存在变量提升。let不会像var那样会...

初识JavaScript（JS）小结

weixin_65423676的博客

12-22

570

简单介绍JS JS是主要在客户端(浏览器)上运行的脚本语言，主要作用是实现和浏览器以及页面的交互。 HTML、CSS、JavaScript之间的关系： HTML: 网页的内容及其结构(骨) CSS: 网页的布局、各种内容的表现(皮) JavaScript: 网页的行为（魂） JavaScript 的组成 ECMAScript(简称 ES): JavaScript 语法 DOM: 页面文档对象模型, 对页面中的元素进行操作 BOM: 浏览器对象模型, 对浏览器窗口进行操作

Javascript周学习小结（初识，变量，数据类型）

m0_72579201的博客

03-05

600

本博客介绍了JS的三大书写方式，三个输入输出语句，变量的语法、初始化以及其他注意事项和变量的命名规范；同时简单介绍了五种简单数据类型，重点讲解了数字型与字符串型以及数字型的转化。

初识JavaScript之变量

dong_wang2021的博客

03-05

456

js的三种写法 1.行内式的写法 onclick=“alert’ ‘ ”冒号里的内容得有单引号 2.内嵌式的写法 <script> • alert('沙漠骆驼')wei'yuan </script> 3.外部式的写法新建一个.js的文件在里面直接输入 alert即可 <script src="./js文件.js"></script> js的输入输出语句这是一个输入框 prompt('请输入你的日轮刀颜色..

初识JavaScript（JS）小结（2）

weixin_65423676的博客

12-22

477

回顾： JS的特殊性：语法层面：语句可以直接写；变量（数组元素）无类型；函数的特殊性,函数也是第一公民，本身与数值类型，字符串类型拥有相同地位，可以被赋值给其他变量；工具方面：开发者工具——调试台；开发者工具——调试器；本节内容：对象：JS中的对象可以类比为：Java中的对象/Java中的Map；例如：把student当做对象: student.name ;把student当Map: student['name'] var student = { name : 'zha..

初识JavaScript，基础语法小结

qq_45108095的博客

03-23

173

与JavaScript的小故事本人学习JavaScript其实吧也不能算是出于自愿的，在大二的时候加入了一个"组织"，就成为了廉价劳动力哈哈哈哈哈，被安排去做前端，于是开始学习各种前端的基础知识，像什么JavaScript呀、CSS呀这些很基础的，至于以后的深入研究还有待学习，如果有一点点的编程基础就更好了，这样理解起来会比较方便，还有就是我说话可能不是很严肃，有怪莫怪噢 JavaScript运...

初识javascript小结

weixin_52576960的博客

12-15

121

初识javascript ##引导 ###学习目标：节数知识点要求第一节（js的前世今生） js简介了解第二节（js的语法结构）页面引入js的几种方式了解 js输出的几种方式了解 js的语法规则了解第三节（Javascript名词解释）数字字面量掌握字符串字面量掌握常量理解第四节（Javascript变量命名规则(重点)）声明变量掌握变量提升掌握变量的命名规则了解第五节（Javascript

初识js小结二

fxqyilu的博客

05-17

166

上节讲到数据类型，此处接着讲。四、数据类型我们上节讲到数据类型有5种，那么我们来看看例子。 var a = 1; // 数值类型，number var b = 'hello world'; // 字符串类型(使用单引号或双引号使用的数据)，string var c; // 未定义类型(从来没有给变量赋过值)，undefined...

初识Javascript小结

10-23

初识JavaScript小结知识点整理： 1. JavaScript脚本位置：在HTML中，JavaScript代码可以被嵌入到页面的任意位置，通常位于标签内，或者标签的任意位置。不过，将脚本放在标签的底部是一个推荐的做法，这样可以确保...

【Blockly开发教程】01 初识Blockly

Bright的博客

12-23

4259

Blockly 是由 Google 开发的开源代码库，它可以为网页程序和移动端应用程序添加可视化代码编辑器。

java-初识大前端Node.js、ES6、Npm、Babel、模块化规范、WebPack、Vue-element-admin本地安装问题及解决、Git安装及配置、uni-app

此后如竟没有炬火我便是唯一的光

07-08

567

Node.js 是脱离浏览器环境的javascript 程序，基于V8引擎运行命令：或控制台执行：启动服务器程序；浏览器中输入：如果以格式解析停止服务：控制台输入注意：如果报错，就说明权限不够，记得用管理员的方式打开 node 执行 ES6 可以看到,index实在for循环内定义的，但是能够在for循环之外来使用的,这个并不是我们能够看到的,这种现象，我们称作为变量穿透，同时在定义变量PI的时候，是希望其不能被修改的，但是显而易见，它是可以被改变的。注意：

前端在移动端中的页面切换

2509_93939582的博客

11-28

521

记得加硬件加速，用transform和opacity属性，别动不动改布局属性（比如width或height），那样容易引发重排重绘，卡成幻灯片。不过，SPA也不是万能药，它初次加载可能慢点，得靠代码分割和懒加载来优化——比如把不常用的模块拆开，等用户需要时再加载，这样既省资源又提速。还有，别忘了图片和视频的懒加载：页面切换时，先加载核心内容，图片等可视区域再加载，这样首屏能秒开。另外，内存管理也得注意，SPA容易内存泄漏，切换页面时记得清理事件监听器和定时器，不然用久了手机会变卡。

Electron 与 OpenHarmony 的实战入门：手把手打造一个安全的简易记事本应用

已掌握java全栈，简单的java项目逻辑。目前正在学习鸿蒙开发，有兴趣的小伙伴可以一起学习！！！

11-27

915

这个“简易记事本”虽只有几十行代码，却完整体现了现代桌面应用的安全架构思想。它不仅是 Electron 的最佳入门实践，更是通往 OpenHarmony 全场景开发的桥梁。

js考古之seajs.use、layui.use是啥以及来源？

weixin_52236586的博客

11-29

477

Seajs是先行者，在浏览器原生不支持模块化的黑暗年代，发明了 seajs.use 来实现按需加载。Layui是实用主义者，它借用了这种模块化思想，用 layui.use 把 UI 组件管理得井井有条，成为了 jQuery 时代的绝唱。是终结者，它作为官方标准，吸收了前辈们的经验，配合现代打包工具，提供了最强悍的性能和开发体验。当你下次再看到 seajs.use 或 layui.use 时，请对它们保持敬意。因为正是这些“老古董”，为今天现代前端的摩天大楼，铺下了第一块基石。

前端路由管理

2509_93941777的博客

11-28

398

这种机制在单页应用（SPA）中特别常见，比如Vue.js或React项目里，用户点击链接时，URL会变，但页面不会整体刷新。这样一来，应用可以更流畅，减少等待时间。记得有一次，我在一个电商项目里用Vue Router做商品详情页的路由，通过动态路由参数传递商品ID，配合axios异步加载数据，页面切换又快又顺。通过动态import()语法，可以把路由组件拆分成独立的chunk，用户访问时才加载，大大提升首屏速度。还有404页面的处理，最好设置一个通配符路由，捕获所有未匹配的路径，避免用户看到空白页。

养老保险|智慧养老|基于springboot+vue养老保险系统设计与实现(源码+数据库+文档)

伟庭的博客

11-30

538

【摘要】本文介绍了一个基于SpringBoot+Vue的智慧社区养老系统开发项目。针对传统社区养老管理效率低下的问题，系统实现了公告管理、健康档案、养老政策等核心功能模块。采用Java技术栈开发，包含项目管理、养老政策管理、公告管理等后台管理界面，并展示了实体ER图与核心代码片段。系统旨在提升社区养老服务的信息化水平，为老年人提供便捷的健康管理服务。项目适合作为计算机专业毕业设计选题，文末提供了源码获取方式。

Vue3 新的组件

最新发布

洋葱的博客

11-30

129

什么是Teleport？——Teleport是一种能够将我们的组件html结构移动到指定位置的技术。在Vue3中：组件可以没有根标签，内部会将多个标签包含在一个Fragment虚拟元素中。1、等待异步组件时渲染一些额外内容，让应用有更好的用户体验。在Vue2中：组件必须有一个根标签。好处：减小标签层级，减小内存占用。一、Fragment。二、Teleport。三、Suspense。

初识外部变量与作用域

03-20

### 外部变量与作用域的基本概念 #### 什么是外部变量？外部变量是指那些在函数之外定义的变量，也被称为全局变量。这些变量具有全局作用域，因此可以在整个程序的不同部分中被访问和修改[^2]。然而需要注意的是，如果在一个函数内部尝试重新定义一个同名的外部变量而未显式声明为`global`，则会在函数内部创建一个新的局部变量，而不是修改外部变量。 #### 作用域的概念作用域限定了变量名称的可用性范围，即表示已定义变量能够被使用的代码区域[^1]。不同的编程语言有不同的作用域规则。例如，在C++中有四种主要的作用域类型：全局作用域、局部作用域、命名空间作用域以及类作用域；而在Python中，存在内置作用域、全局作用域、局部作用域和嵌套作用域这几种层次结构[^4]。 #### Python中的外部变量（全局变量）在Python里，当一个变量在所有函数体外定义时，它就成为了全局变量或者说是外部变量。这种类型的变量可以从任何地方调用——无论是从其他函数还是脚本文件内的任意位置[^5]。下面通过一段简单的例子来展示如何使用外部变量： ```python # 定义一个外部(全局)变量 external_variable = "I am a global variable" def my_function(): print(f"Inside function, accessing external variable: {external_variable}") # 正确地打印出了外部变量的内容 my_function() print(f"Outside of any functions, the value is still accessible: {external_variable}") ``` 在这个案例中可以看到无论是在函数内外都能够正常读取并显示名为 `external_variable` 的值。 #### 修改外部变量的方法为了能够在某个函数内部改变已经存在的外部变量而非仅仅创建新的本地副本，需要利用关键字 `global` 明确指出要操作的就是那个位于更高一层作用域下的实体。如下所示: ```python counter = 0 def increment_counter(): global counter counter += 1 # 这样做会更新真正的全局变量 'counter' increment_counter() print(counter) # 输出应该是 1 而不是保持初始状态不变 ``` 这里强调了如果不加 `global` 声明的话，默认情况下 python 将认为你在试图初始化另一个独立的新局部变量 `counter`, 导致最终结果不符合预期。 #### 总结外部变量提供了跨越多个逻辑单元共享数据的能力，但同时也增加了潜在的风险比如意外覆盖重要信息等问题所以应该谨慎对待它们的存在与否及其影响程度。理解清楚各种不同种类的作用域能够帮助开发者更好地控制自己的应用程序行为模式从而构建更加健壮可靠的解决方案。