JavaScript的字面量与变量

作者 : 开心源码 本文共1989个字,预计阅读时间需要5分钟 发布时间: 2022-05-13 共149人阅读

JavaScript字面量

字面量:固定的值,字面是什么含义就表示什么

  • 数字字面量 :
    可以是整数或者者是小数,或者者是科学计数。
3.141001123e5
  • 字符串字面量
    可以使用单引号或者双引号。
"John Doe""John Doe"
  • 布尔字面量
    其值只有两个,分别为true和false。

  • 表达式字面量
    用于计算,使用运算符进行计算,如算术、位、条件、比较及逻辑运算符等。

5 + 65 * 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);  //返回 undefineddocument.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); //显示undefined2.  a =1;3.  document.write(a); //显示 14.  var a;

公告变量放在最后,赋值操作放在前面。因为 JavaScript 在预编译期已经对变量公告语句进行了预解析,所以第一行代码读取变量值时不会抛出异常,而是返回未初始化的值 undefined。第三行代码是在赋值操作之后读取,故显示为数字 1。

提醒:
JavaScript 引擎的解析方式是:先解析代码,获取所有被公告的变量,而后再一行一行地运行。 这样,所有公告的变量都会被提升到代码的头部,这就叫作变量提升(Hoisting)。

变量作用域
变量作用域(Scope)是指变量在程序中可以访问的有效范围,也称为变量的可见性。

JavaScript 变量可以分为全局变量和局部变量:

  • 全局变量:变量在整个页面脚本中都是可见的,可以被自由访问。
  • 局部变量:变量仅能在公告的函数内部可见,函数外是不允许访问的。

【示例一】
全局变量和局部变量的关系

1.  var a = 1;  //公告并初始化全局变量2.  function f(){  //公告函数3.  document.write(a);  //显示undefined4.  var a = 2;  //公告并初始化局部变量5.  document.write(a);  //显示 26.  }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 是弱类型语言,对于变量类型的规范比较松散。具体体现如下:

  • 变量的类型分类不严谨、不明确,带来使用的随便性。
  • 公告变量时,不要求指定类型。
  • 使用过程不严格,可以根据需要自动转换变量类型。
  • 变量的转换和类型检查没有一套统一、规范的方法,导致开发效率低下。

优缺点:

  • 优点:使用灵活,简化了代码编写。
  • 缺点:执行效率低,在开发大型应用时,程序性能会受到影响。
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » JavaScript的字面量与变量

发表回复