JavaScript入门学习笔记（一）

最新推荐文章于 2024-07-18 11:48:33 发布

Swaggy_Yhy

最新推荐文章于 2024-07-18 11:48:33 发布

阅读量63

点赞数

文章标签： javascript 学习

原文链接：https://www.w3school.com.cn/

版权

如果把要给数值放入引号中，其余数值会被视作字符串并被级联。

e.g. 输出 835

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 变量</h1>

<p>相加 "8" + 3 + 5 的结果是：</p>

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

<script>
x = "8" + 3 + 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

重复声明 JavaScript 变量不会丢失值

这两段执行后carName仍为"porsche"

通过 var 关键词声明的变量没有块作用域。

{ 
  var x = 10; 
}
// 此处可以使用 x

通过let关键词声明的变量有块作用域。

{ 
  let x = 10;
}
// 此处不可以使用 x

使用 var 关键字重新声明变量会带来问题。

在块中重新声明变量也将重新声明块外的变量：

var x = 10;
// 此处 x 为 10
{ 
  var x = 6;
  // 此处 x 为 6
}
// 此处 x 为 6

使用 let 关键字重新声明变量可以解决这个问题

在块中重新声明变量不会重新声明块外的变量：

var x = 10;
// 此处 x 为 10
{ 
  let x = 6;
  // 此处 x 为 6
}
// 此处 x 为 10

循环作用域

var i = 7;
for (var i = 0; i < 10; i++) {
  // 一些语句
}
// 此处，i 为 10

let i = 7;
for (let i = 0; i < 10; i++) {
  // 一些语句
}
// 此处 i 为 7

如果在循环中用 let 声明了变量 i，那么只有在循环内，变量 i 才是可见的。

HTML 中的全局变量

通过 var 关键词定义的全局变量属于 window 对象

var carName = "porsche";
// 此处的代码可使用 window.carName

通过 let 关键词定义的全局变量不属于 window 对象：

let carName = "porsche";
// 此处的代码不可使用 window.carName

重新声明

允许在程序的任何位置使用 var 重新声明 JavaScript 变量：

在相同的作用域，或在相同的块中，通过 let 重新声明一个 var 变量是不允许的：

在相同的作用域，或在相同的块中，通过 let 重新声明一个 let 变量是不允许的：

在相同的作用域，或在相同的块中，通过 var 重新声明一个 let 变量是不允许的：

var x = 10;       // 允许
let x = 6;       // 不允许

{
  var x = 10;   // 允许
  let x = 6;   // 不允许
}

/
let x = 10;       // 允许
let x = 6;       // 不允许

{
  let x = 10;   // 允许
  let x = 6;   // 不允许
}
//
let x = 10;       // 允许
var x = 6;       // 不允许

{
  let x = 10;   // 允许
  var x = 6;   // 不允许
}

在不同的作用域或块中，通过 let 重新声明变量是允许的：

let x = 6;       // 允许

{
  let x = 7;   // 允许
}

{
  let x = 8;   // 允许
}

Hoisting

通过 var 声明的变量会提升到顶端,通过 let 定义的变量不会被提升到顶端。

// 在此处，您可以使用 carName
var carName;


///

// 在此处，您不可以使用 carName
let carName;

Swaggy_Yhy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript入门学习笔记（一）

如果把要给数值放入引号中，其余数值会被视作字符串并被级联。e.g. 输出 835<!DOCTYPE html><html><body><h1>JavaScript 变量</h1><p>相加 "8" + 3 + 5 的结果是：</p><p id="demo"></p><script>x = "8" + 3 + 5;document.getElementByI
复制链接

扫一扫