JavaScript变量浅谈

深藏阁楼爱情的钟 2024-03-30 17:09 19阅读 0赞

![19595c18415ef69dd29ec19586badb8a.jpeg][]

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1]

1.1 JavaScript 变量命名规则

正首字符应为英文字母或者下划线；

组成应为英文字母或者数字或者下划线；

禁忌用JavaScript关键词与保留字；

1.2 JavaScript 变量声明

显示声明 var 变量名；

应避免陋习：没有类型、重复声明、隐式声明、不声明直接赋值；

应先声明，后读写；先赋值，后运算；

1.3 JavaScript 变量类型

值类型

1. 占用空间固定，保存在栈中；

2. 保存与复制的是值本身；

3. 使用typeof检查数据的类型；

4. 基本类型数据是值类型；

引用类型

1. 占用空间不固定，保存在堆中；

2.保存与复制的是指向对象的一个指针；

3.使用instanceof检测数据的类型；

4.使用new()方法构造出的对象是引用型

1.4 JavaScript 变量作用域

全局变量是指在函数体外定义的变量或在函数体内部定义的无var的变量；

任何位置都可以调用；

局部变量是指在函数体内部使用var声明的变量或函数的参数变量；

当前函数体内部可以调用；

1.5 JavaScript 优先级

优先级：局部变量高于同名全局变量；

参数变量高于同名全局变量；

局部变量高于同名参数变量；

特性：忽略块级作用域；

全局变量是全局对象的属性；

局部变量是调用对象的属性；

内层函数可访问外层函数局部变量；

外层函数不能访问内层函数局部变量；

全局变量的生命周期，除非被显示删除，否则一直存在；

局部变量的生命周期自声明起至函数运行完毕或被显示删除；

1.6 示例代码

<!DOCTYPE html>

<html>

<body>

<p>假设 y=5，计算 x=y+2，并显示结果。</p>

<button οnclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>

function myFunction()

\{

var y=5;

var x=y+2;

var demoP=document.getElementById("demo")

demoP.innerHTML="x=" + x;

\}

</script>

</body>

</html>

[19595c18415ef69dd29ec19586badb8a.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/7cee9e1eb386442483700ab5b2acef4a.jpeg
[Link 1]: https://www.weidianyuedu.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，19人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript变量浅谈

![19595c18415ef69dd29ec19586badb8a.jpeg][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.

深藏阁楼爱情的钟/ 2024年03月30日 17:09/ 0 赞/ 20 阅读

相关 JavaScript 框架浅谈

![d7545482e660f609ecbc125a25a45595.jpeg][] web前端培训分享JavaScript框架，JavaScript 是开发领域的重要技术之

柔情只为你懂/ 2024年03月26日 20:22/ 0 赞/ 7 阅读

相关浅谈JavaScript入手TypeScript

MDN官网学习总结： https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html

川长思鸟来/ 2023年01月03日 12:46/ 0 赞/ 102 阅读

相关浅谈JavaScript节流

JavaScript节流应用相当广泛，一般我们可能会直接用某些函数库的实现，比如lodash、underscore 等。下面我们具体探究下节流的核心节流 > 先执行一

女爷i/ 2022年08月30日 12:57/ 0 赞/ 171 阅读

相关浅谈JavaScript防抖

JavaScript防抖应用相当广泛，一般我们可能会直接用某些函数库的实现，比如lodash、underscore 等。下面我们具体探究下防抖的核心防抖 > 执行最后

快来打我*/ 2022年08月30日 11:52/ 0 赞/ 126 阅读

相关浅谈javascript面向对象

我们常用的两种编程模式 POP–面向过程编程(Process-oriented programming) 面向过程编程是以功能为中心来进行思考和组织的一种编程方法，

古城微笑少年丶/ 2022年07月16日 20:42/ 0 赞/ 207 阅读

相关浅谈JavaScript变量提升与函数提升

从两个实例说起： eg1： var i; console.log(i); // 2 eg2： console.log(i); // undefi

淩亂°似流年/ 2022年06月18日 10:40/ 0 赞/ 179 阅读

相关浅谈JavaScript表单

浅谈表单脚本一、表单的基础知识取得<form>元素引用的方式： 1) 为<form>元素添加id，然后通过getElementById()方法来访问； va

女爷i/ 2022年06月17日 05:12/ 0 赞/ 230 阅读

相关 JS---浅谈“JavaScript库”

前一篇博文中介绍了[脚本语言][Link 1]，JavaScript是一种面向对象的脚本语言，长期以来用作Web浏览器应用程序的客户端脚本接口。这篇文章我将介绍一些Ja

小咪咪/ 2022年06月11日 06:37/ 0 赞/ 267 阅读

相关浅谈JavaScript设计模式.

什么是设计模式？百度百科: 设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式的目的：为了代

今天药忘吃喽~/ 2021年12月20日 01:34/ 0 赞/ 229 阅读