前端 JS 变量和常量

变量

{ }中的代码块是一个作用域
let 在不同作用域下无法获取值,全局作用域的值可以传递给局部局部****不能传递给全局

let num = 10;
{
    let num=200;
    // var num =100;
    console.log(num);//输出的值为200
}
console.log(num);//输出的值为10,不能接收{ }里面的值

变量的命名规则

1.见名知意
2.变量只能是 字母数字下划线$ 组成,不能以数字开头
3.不能使用系统的关键字保留字
比如:var this class array string 等等

常用的命名方法

1.驼峰命名法:第一个单词的首字母写,其余单词首字母
例如: myShopCar userCenter
2.帕斯卡命名法(大驼峰命名法) 每一个单词的首字母
例如: MyShopCar UserCenter
3**.匈牙利**命名法:属性+类型+描述,使用下划线链接
属性
s表示静态变量
g表示全局变量

类型
string 字符串
bool 布尔值
命名 s_string_eat 表示静态字符串吃饭的意思

以下写法虽然可行,但是不要使用(不要用文字命名)

var 中国= ‘台湾是中国不可分割的一部分’
console.log(中国);

常量:一旦定义,他的值不可以更改的量

声明一个常量,使用的关键字是 const

 const PI = 3.14
 console.log(PI); //输出的值为3.14
 //常量的值不能修改,以下写法会报错
 PI = 3.67

变量的分类

1.number 数字类型,包含整数和小数
2.string 字符串类型
3.bollean 布尔类型,布尔类型只有两个值 true(真) false(假)
4.undefined 类型,未定义的类型
5.object 对象类型
6.null 空,特殊类型

使用typeof 方法获取变量的类型
使用方法:
typeof 变量名
typeof (变量名)

控制台返回的是变量的类型

 // 数字类型
 console.log(typeof num1);
 console.log(typeof (num1));
 console.log(typeof (12.34));
 //字符串类型, (带 ' ' 号,或者 " "
 let str1 = '莫听穿林打叶声';
 console.log( typeof str1);
 let str2 = '123'
 console.log( typeof str1);
 //布尔类型
 let bol1=true;
 console.log(typeof bol1);
 let bol2=false;
 console.log(typeof bol2);
 //未定义类型,ucdefined
 let abc;
 console.log(typeof abc);

//对象类型

//body 里面写一个div
<div id="wp" class="wp1"></div>

//head里面写wp的css样式
<style>
*{
  margin: 0;
  padding: 0;
}
.wp1{
  width: 200px;
  height: 200px;
  background: #04be02;
}
</style>
//  body 外面写  js 样式
//  js 中 通过document.getElementById('元素id'); 获取 dom元素
 let wp = document.getElementById('wp');
 console.log(typeof wp);
 console.log(wp.className);

 //null类型
 let n = null;
 console.log(typeof n);
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是20道关于前端JavaScript的选择题以及其答案: 1. JavaScript是一种什么类型的语言? A. 编译型语言 B. 解释型语言 C. 汇编语言 答案:B 2. JavaScript的数据类型包括哪些? A. 数字、字符串、布尔、对象、数组、null、undefined B. 数字、字符串、布尔、对象、数组、函数、undefined C. 数字、字符串、布尔、对象、数组、函数、null 答案:B 3. 如何在JavaScript中输出一条消息到浏览器控制台? A. console.log("Hello World"); B. alert("Hello World"); C. document.write("Hello World"); 答案:A 4. 如何在JavaScript中定义一个变量? A. var x = 10; B. let x = 10; C. const x = 10; 答案:A 5. 如何在JavaScript中定义一个常量? A. var x = 10; B. let x = 10; C. const x = 10; 答案:C 6. 如何在JavaScript中判断两个变量是否相等? A. x == y B. x === y C. x != y 答案:A 7. 如何在JavaScript中判断两个变量是否完全相等? A. x == y B. x === y C. x != y 答案:B 8. 如何在JavaScript中判断一个变量是否为undefined? A. x == undefined B. x === undefined C. typeof x === "undefined" 答案:C 9. 如何在JavaScript中判断一个变量是否为null? A. x == null B. x === null C. typeof x === "null" 答案:A 10. 如何在JavaScript中判断一个变量是否为数字? A. typeof x === "number" B. typeof x === "string" C. typeof x === "boolean" 答案:A 11. 如何在JavaScript中判断一个变量是否为字符串? A. typeof x === "number" B. typeof x === "string" C. typeof x === "boolean" 答案:B 12. 如何在JavaScript中将一个字符串转换为数字? A. parseInt(str) B. parseFloat(str) C. Number(str) 答案:C 13. 如何在JavaScript中将一个数字转换为字符串? A. x.toString() B. String(x) C. "" + x 答案:A 14. 如何在JavaScript中定义一个函数? A. function myFunction() {} B. let myFunction = function() {}; C. const myFunction = () => {}; 答案:A 15. 如何在JavaScript中调用一个函数? A. myFunction(); B. call myFunction(); C. run myFunction(); 答案:A 16. 如何在JavaScript中使用条件语句? A. if (condition) {} B. switch (condition) {} C. for (var i = 0; i < 10; i++) {} 答案:A 17. 如何在JavaScript中使用循环语句? A. if (condition) {} B. switch (condition) {} C. for (var i = 0; i < 10; i++) {} 答案:C 18. 如何在JavaScript中使用对象? A. var obj = {}; B. var obj = new Object(); C. var obj = { key: value }; 答案:C 19. 如何在JavaScript中使用数组? A. var arr = []; B. var arr = new Array(); C. var arr = [elem1, elem2, elem3]; 答案:C 20. 如何在JavaScript中使用事件? A. element.addEventListener("click", myFunction); B. element.onClick = myFunction(); C. element.click(myFunction); 答案:A

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值