JS的变量声明方式以及区别类型

记得抬头微笑

于 2020-06-22 17:55:54 发布

阅读量357

点赞数 1

分类专栏： JS 原生JS 文章标签： js javascript html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_40146638/article/details/103682399

版权

JS 同时被 2 个专栏收录

32 篇文章

订阅专栏

32 篇文章

订阅专栏

本文深入解析JavaScript中的七种数据类型，包括String、Number、undefined、null、Boolean、Object和Symbol，以及三种变量声明方式：var、let和const的区别与特性。了解这些基础知识对于前端开发至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目录

JS的数据类型

JS的数据类型

1.String(字符串)
2.Number(数值)
3.undefined(表示未找到)
4.null(空值)
5.Boolean(布尔值 true/false)
6.Object(对象)
7.Symbol(ES6新增  表示一个唯一的值/标识)

JS的变量声明方式

变量的概念：变量是存储数据值的容器。

换句话说当我们声明一个变量时 JS会在在存储空间开辟一块内存空间用于存放内容，并把这个内存空间指向这个变量

var

声明:  var name = ' '

1.在全局作用域内生效
2.存在变量提升
3.可以重复声明(重复声明时最后声明的值会生效)

let(ES6新增)

声明: let name = ''


在块级作用域内生效
不存在变量提升
不可以重复声明(在同一个块级作用域内重复声明时会报错)

!在全局声明时, 声明后的变量不会显示在window上面, 而且放在window下面的一个属性里面

const(ES6新增)

声明: const name = 'naofu'

1.在块级作用域内生效
2.不存在变量提升
3.不可重复声明
4.一旦初始化必须给与一个值且无法修改

记得抬头微笑

博客等级

码龄8年

54
原创

75
点赞

348
收藏

6142
粉丝

关注

私信

热门文章

分类专栏

作用域 1篇
原生JS 32篇
拖拽 7篇
Promise 8篇
数组 3篇
CSS 3篇
变量 3篇
克隆 1篇
exportExcel 1篇
xlsx 1篇
虚拟滚动
Element 3篇
Message 1篇
验证码
iview 1篇
Popover 1篇
string常用方法 1篇
String
Vue 16篇
局部组件 2篇
全局逻辑控制 1篇
JS 32篇
Model 1篇

展开全部收起

上一篇：: JS通过原型链检测变量所属类型

下一篇：: ES6的reduce用法

最新评论

Vue 插槽 Slot 的数据传递
记得抬头微笑: 抱歉这么久才回复你，最近有点忙，我按照你说的思路试了一下，我发现是 template 的问题，导致 slot 无效，你这里只需要把绑定在 template 上面的 slot 绑定到具体的元素身上就可以正常使用了[code=javascript]<template> <div> <table> <template> <div> <div>table的插件</div> <column> <template> <button slot="default">column得插槽</button> </template> </column> </div> </template> </table> </div> </template> <script> import table from "./table.vue"; import column from "./column.vue"; export default { components: { table, column, }, }; </script> [/code]
Vue 插槽 Slot 的数据传递
_一页书_: 请教一个问题，大佬。我有3个组件，app.vue、table.vue、column.vue column的内容是 <tempalte> <div class="column"> <slot name="default" :row=“2”></slot> </div> </template table的内容是 <template> <div class=“header”> <slot name="column"></slot> </div> <div class=“body”></div> </template> app的内容是 <template> <table> <template #column> <column> <template #default> <button>1</button> </template> </column> </template> </table> </template> 想请问下，我怎样才能把 app 里定义的 column 的插槽内容，显示在 table 的 class 为 body 的 div 里。就和 ui 组件库那样可以自定义列内容的，我看了 ui 组件库的逻辑，但是没弄明白。想请教下这块的办法
Vue 实现拖拽模块(四)拖拽元件位置
很棒的名字: 请问html2canvas 插件保存图片最后成功了吗？
Vue 实现拖拽模块(三)自定义拖拽组件的样式
记得抬头微笑: 可以移除，按delete键就可以删掉了
Vue 实现拖拽模块(三)自定义拖拽组件的样式
weixin_46596196: 拖拽后可以移除吗

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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