JavaScript字面量 字面量:固定的值,字面是什么含义就表示什么
- 数字字面量 :
可以是整数或者是小数,或者是科学计数。
3.14
1001
123e5
- 字符串字面量:
可以使用单引号或双引号。
"John Doe"
"John Doe"
- 布尔字面量:
其值只有两个,分别为true和false。
- 表达式字面量:
用于计算,使用运算符进行计算,如算术、位、条件、比较及逻辑运算符等。
5 + 6
5 * 10
- 数组字面量:
定义一个数组
[40, 100, 1, 5, 25, 10]
- 对象字面量:
定义一个对象
{
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
}
- 函数字面量 :定义一个函数
function myFunction(a, b) {
return a * b;
}
JavaScript变量 变量是用于存储数据的容器,在程序的运行中可以发生变化或者被再次赋值。
声明变量
在 JavaScript中,声明变量使用
var
语句。【示例一】
在一个 var 语句中,可以声明一个或多个变量,也可以为变量赋值,未赋值的变量初始化为 undefined(未定义)值。当声明多个变量时,应使用逗号运算符分隔。
var a;
//声明一个变量
var a,b,c;
//声明多个变量
var b = 1;
//声明并赋值
document.write(a);
//返回 undefined
document.write(b);
//返回 1
【示例二】
在 JavaScript 中,可以重复声明同一个变量,也可以反复初始化变量的值。
1.var a = 1;
2.var a = 2;
3.var a = 3;
4.document.write(a);
//返回 3
注意:
在非严格模式下,JavaScript 允许不声明变量就直接为其赋值,这是因为 JavaScript 解释器能够自动隐式声明变量。隐式声明的变量总是作为全局变量使用。在严格模式下,变量必须先声明,然后才能使用。
赋值变量
使用等号
=
运算符可以为变量赋值,等号左侧为变量,右侧为被赋的值。【示例】
变量提升。JavaScript 在预编译期会先预处理声明的变量,但是变量的赋值操作发生在 JavaScript 执行期,而不是预编译期。
1.document.write(a);
//显示undefined
2.a =1;
3.document.write(a);
//显示 1
4.var a;
声明变量放在最后,赋值操作放在前面。由于 JavaScript 在预编译期已经对变量声明语句进行了预解析,所以第一行代码读取变量值时不会抛出异常,而是返回未初始化的值 undefined。第三行代码是在赋值操作之后读取,故显示为数字 1。
【JavaScript的字面量与变量】提示:
JavaScript 引擎的解析方式是:先解析代码,获取所有被声明的变量,然后再一行一行地运行。 这样,所有声明的变量都会被提升到代码的头部,这就叫作变量提升(Hoisting)。
变量作用域
变量作用域(Scope)是指变量在程序中可以访问的有效范围,也称为变量的可见性。
JavaScript 变量可以分为全局变量和局部变量:
- 全局变量:变量在整个页面脚本中都是可见的,可以被自由访问。
- 局部变量:变量仅能在声明的函数内部可见,函数外是不允许访问的。
全局变量和局部变量的关系
1.var a = 1;
//声明并初始化全局变量
2.function f(){//声明函数
3.document.write(a);
//显示undefined
4.var a = 2;
//声明并初始化局部变量
5.document.write(a);
//显示 2
6.}
7.f();
//调用函数
由于在函数内部声明了一个同名局部变量 a,所以在预编译期,JavaScript 使用该变量覆盖掉全局变量在函数内部的影响。而在执行初期,局部变量 a 未赋值,所以在函数内第 1 行代码读取局部变量 a 的值也就是 undefined 了。当执行到函数第 2 行代码时,为局部变量赋值 2,所以在第 3 行中就显示为 2。
【示例二】
演示如果不显式声明局部变量所带来的后果
1.var jQuery = 1;
2.(function () {
3.jQuery = window.jQuery = window.$ = function(){};
4.})()
5.document.write(jQuery);
//显示函数代码:function(){}
因此,在函数体内使用全局变量是一种危险的行为。为了避免此类问题,应该养成在函数体内使用 var 语句显式声明局部变量的习惯。
变量类型
JavaScript 是弱类型语言,对于变量类型的规范比较松散。具体表现如下:
- 变量的类型分类不严谨、不明确,带来使用的随意性。
- 声明变量时,不要求指定类型。
- 使用过程不严格,可以根据需要自动转换变量类型。
- 变量的转换和类型检查没有一套统一、规范的方法,导致开发效率低下。
- 优点:使用灵活,简化了代码编写。
- 缺点:执行效率低,在开发大型应用时,程序性能会受到影响。
推荐阅读
- vue|超级详细的Vue-cli3使用教程
- object.变量报错,object.和object[]的区别()
- 笔记|JS实现页面跳转并传值
- 你想知道的关于 Babel 及其相关工具使用都在这里了!
- 软件研发|揭开JS无埋点技术的神秘面纱
- leetcode|【JS】实现 strStr()
- Vue|Vue第五天学习总结——Vue全家桶之前端工程化(模块化相关规范、webpack、Vue单文件组件、Vue脚手架、组件库——Element-UI 的基本使用)
- vue|vue-cli项目的webpack打包优化
- vue.js|项目vue-cli4打包以及优化