js学习笔记1-变量

 

关于快捷键：

//单行注释  ctrl+/

/* xxxx

xxxx

*/

多行注释（我的电脑设置为ctrl+Alt+/）

快捷跳转浏览器 Alt+b

js输入输出语句：

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

变量：

        var age; //声明一个age变量
        age = 18; //赋值 把18存入age变量中
        console.log(age); //输出结果

        //变量初始化
        var name = "kjk";
        console.log(name); //控制台打印输出信息

        alert(name); //弹出警示框
        prompt("你最近还好吗?"); //浏览器弹出输入框，用户可以输入

 

变量实例弹出用户名：

//1.用户输入姓名存到一个name变量里面
 var name = prompt("请输入您的名字！");
//2.输出这个用户名
 alert(name);

 

 

变量的语法问题：

数据类型转换：

注：使用表单、prompt获取的数据是字符串类型的（判断数据类型用typeof 变量名）

        var age = prompt("请输入您的年龄：");
        console.log(age);
        console.log(typeof age);

一、转换为字符串：

方式	说明·	案例
toString()	转为字符串	var num=1;alert(num.toString());
String()强制转换	转为字符串	var num=1;alert(String(num));
加号拼接字符串	和字符串拼接的结果都是字符串	var num=1;alert(num+"字符串");

注：

1、toString()和String()强制转换 用法不一样

2、我们更倾向使用第三种方式，也叫为隐式转换。

二、转换为数字型：

方式	说明·	案例
parseInt(string)函数	将string类型转成为整数类型	parseInt（"78"）
parseFloat(string)函数	将string类型转成为浮点数类型	parseFloat("78.12")
Number()强制转换函数	将string类型转成为数值类型	Number("12")
js隐式转换（ - * /）	利用算数运算隐式转换为数值型	"12"-0

注：

parseInt(string)函数、parseFloat(string)函数注重大小写

parseInt(string)函数、parseFloat(string)函数都会把单位去掉，有字母时会转换为NaN

console.log(parseInt("120px"))    //120,会去掉单位px
console.log(parseFloat("120px"))  //120,会去掉单位px
console.log(parseInt("rem120px")) //NaN
console.log(parseFloat("rem120px")) //NaN

三、转换为布尔值：

方式	说明·	案例
Boolean()函数	其他类型转换为布尔值	Boolean("true");

注：

1、代表空值的、否定的会被转换为false，如" "、0、NaN、null、undefined

2、其余的都为true

        console.log(Boolean("")); //false
        console.log(Boolean(0)); //false
        console.log(Boolean(NaN)); //false
        console.log(Boolean(null)); //false
        console.log(Boolean(undefined)); //false
        console.log(Boolean("小白")); //true
        console.log(Boolean(12)); //true

例题1：

计算年龄：

//弹出一个输入框（prompt），让用户输入出生年份（用户输入）
//把用户输入的值用变量保存起来，然后用今年的年份减去变量值就是当前年龄
//弹出警示框（alert）,输出计算的结果
var year = prompt("请输入您的出生年份：");
var age = 2020 - year;    //year是字符型，但是减法有隐式转换
alert("您今年“+age+”岁了");

简单加法器：

//先弹出一个输入框，提示用户输入第一个值，并保存于变量中
//再弹出第二个框，提示用户输入第二个值，并保存于另一个变量中
//把两个值相加，并将新的值赋予新的变量，此时注意数据类型转换
//弹出警示框，输出结果
var num1 = prompt("请您输入第一个值：");
var num2 = prompt("请您输入第二个值：");
var result = parseFloat(num1) + parseFloat(num2);
alert("您的结果是：" + result);