js变量的作用域、作用域链、数据类型和转换应用案例

简介: 【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域,全局变量在所有地方可访问,局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型,如字符串、数字、布尔值,可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`,将字符串转为数值。

下面是关于JavaScript变量的作用域、作用域链、数据类型和转换应用案例:

  1. 变量的作用域:JavaScript 具有两个主要的作用域:全局作用域和局部作用域。全局作用域是指所有变量都可访问的作用域,而局部作用域则是指只有在特定代码块内才能访问的作用域。
var x = 1;  // 全局作用域

function f() {
   
  var y = 2;  // 局部作用域
}

f();  // 输出:undefined
console.log(y);  // 报错:ReferenceError: y is not defined
console.log(x);  // 输出:1
  1. 作用域链:当你在一个代码块内访问一个变量时,JavaScript 引擎会首先查找该变量是否在这个代码块内定义。如果没有找到,它就会向上查找,在函数的作用域、模块的作用域、全局作用域等等中继续查找,直到找到为止。这就是所谓的“作用域链”。
var x = 1;  // 全局作用域

function f() {
   
  var x = 2;  // 局部作用域
}

f();
console.log(x);  // 输出:1
  1. 数据类型:JavaScript 支持多种数据类型,包括字符串、数字、布尔值、对象、数组等等。你可以通过 typeof 运算符来确定一个变量的数据类型。
var x = "Hello, World!";
console.log(typeof x);  // 输出:string

var y = 42;
console.log(typeof y);  // 输出:number

var z = true;
console.log(typeof z);  // 输出:boolean
  1. 数据类型转换:JavaScript 提供了一些内置的方法来进行数据类型转换,比如 parseInt 和 parseFloat,它们可以把字符串转换成整数或浮点数。
var str = "123";
var num = parseInt(str);
console.log(typeof num);  // 输出:number

var str2 = "3.14";
var num2 = parseFloat(str2);
console.log(typeof num2);  // 输出:number

希望这些信息能帮到你!如果你还有任何其他问题,欢迎随时提问。

相关文章
|
4天前
|
存储 JavaScript 前端开发
第五篇-Javascript作用域
第五篇-Javascript作用域
13 2
|
5天前
|
前端开发 JavaScript
杨老师课堂之JavaScript案例手动切换轮播图片
杨老师课堂之JavaScript案例手动切换轮播图片
11 2
|
5天前
|
JavaScript 前端开发
杨老师课堂之JavaScript案例全选、全不选、及反选
杨老师课堂之JavaScript案例全选、全不选、及反选
8 1
|
22小时前
|
JavaScript 前端开发
JavaScript中的变量提升(Hoisting)将`var`声明和函数声明提前到作用域顶部,允许在声明前使用
【6月更文挑战第25天】JavaScript中的变量提升(Hoisting)将`var`声明和函数声明提前到作用域顶部,允许在声明前使用。`let`和`const`不完全提升,存在暂时性死区(TDZ),尝试在初始化前访问会出错。函数声明会被提升,但函数表达式不会。
11 3
|
22小时前
|
JavaScript 前端开发 索引
JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型
【6月更文挑战第25天】JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型,而Object包括Array、Function等是引用类型。Objects可以包含键值对,Array是特殊的Object。Functions也是对象。`null`和`undefined`被视为特殊的原始值。
7 1
|
2天前
|
设计模式 JavaScript 前端开发
JS 代码变量和函数的正确写法大分享
在开发中,变量名,函数名一般要做到清晰明了,尽量做到看名字就能让人知道你的意图,所以变量和函数命名是挺重要
11 2
|
3天前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
19 3
|
2天前
|
JavaScript 前端开发
javaScript数据类型代码详细解读
javaScript数据类型代码详细解读
|
5天前
|
前端开发 JavaScript
杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播
杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播
9 2
|
5天前
|
JavaScript 前端开发
杨老师课堂之JavaScript定时器案例的红绿灯设计
杨老师课堂之JavaScript定时器案例的红绿灯设计
10 1