2021-04-05

JS

第二章 数据类型和变量
html+CSS+JS js依托于html页面，是对html页面的元素操作的，不能单独运行。
特殊类型： 类型 介绍 相关方法 123 数值类型 isFinite() “” 空字符串 typeof() undefined 未定义，声明后没有赋
值 typeof() null 声明后被赋值为null typeof() NaN Not a Number(不是数字) isNaN()
/*
JS的5种类型：
undefined类型：变量的缺损类型
object类型
boolean类型
number类型
string类型
*/

console.log("-----5个变量代表5种类型-----");
var _a1;//undefined类型
console.log("_a1的值："+_a1);//undefined
var _a2 = null;//空值
console.log("_a2得值："+_a2);//null
var _a3 = false;//boolean类型
console.log("_a3的值："+_a3);
var _a4 = 3.1415926;//number类型
console.log("_a4的值："+_a4);
var _a5 = 'hello';//string类型
console.log("_a5的值："+_a5);
//typeof判定类型
console.log("-----用typeof判定5个变量所代表的5种类型-----");
console.log("_a1的类型："+typeof(_a1));
console.log("_a2的类型："+typeof _a2);
console.log("_a3的类型："+typeof _a3);
console.log("_a4的类型："+typeof _a4);
console.log("_a5的类型："+typeof _a5);
//object类型简介
console.log("-----拓展内容：object类型示例-----");
var person = {
 name:"peter",
 gender:"male",
 age:25
}
console.log(person);
console.log(typeof person);
//类型转换
console.log("-----类型转换-----");
console.log("---转换为number类型：用Number()方法/函数---");
//undefined->number
console.log(Number(_a1));//NaN(Not a Number)
//null->number
console.log(Number(_a2));//0
//boolean->number
console.log(Number(_a3));//1JS课堂笔记_chpt02.md 2020/5/8
2 / 3
//浮点数->number
console.log(Number(_a4));//3.1415926
//string->number
console.log(Number(_a5));//NaN
//object->number
console.log(Number(person));//NaN
console.log("---转换为整型number类型：用parseInt()方法/函数---");
//。。。
console.log("---转换为浮点型number类型：用parseFloat()方法/函数---");
//。。。
//转换为string类型：用String()
console.log("---转换为string类型：用String()方法/函数---");
//undefined->string
console.log(String(_a1));
//null->string
console.log(String(_a2));
//boolean->string
console.log(String(_a3));
//number->string
console.log(String(_a4));
//object->string
console.log(String(person));//[object Object]
//转换为string类型：用toString()
console.log("---转换为string类型：用toString()方法/函数---");
//undefined->string
// console.log(_a1.toString());//报错，不能转
//null->string
// console.log(_a2.toString());//报错，不能转
//boolean->string
console.log(_a3.toString());
//number->string
console.log(_a4.toString(16));//toString()方法的参数，代表要转成的数字的进制
//object->string
console.log(person.toString());//[object Object]
//转boolean类型
console.log("---转换为boolean类型：用Boolean()---");
//NaN和0、空字符串、undefined、null，强制转换后均为false,除此之外都是true。
//undefined->boolean
console.log(Boolean(_a1));//false
//null->boolean
console.log(Boolean(_a2));//false
//number->boolean
console.log(Boolean(_a4));//true
//string->boolean
console.log(Boolean(_a5));//true
//object->boolean
console.log(person.toString());//[object Object]
//undefined == null
console.log(undefined == null);//true
//NaN == NaN
console.log(NaN == NaN);//falseJS课堂笔记_chpt02.md 2020/5/8
3 / 3
{
 var a = 10;//有效范围为全局
 let b = 5;//有效范围为局部
}
console.log("a:"+a);//可打印
var c;//c声明但未赋值
console.log("c:"+c);//c从未声明过
//d未声明未赋值
console.log("d:"+d);//c从未声明过
console.log("b:"+b);//不可打印：b is not defined

//弹出框的返回值：
prompt()方法的返回值：

1. 返回用户输入的值。
2. 用户不输入任何值，点击"确定"，则返回""。
3. 点击"取消"按钮或关闭图标，则返回null