7-16：HTML学习#9

今日学习：JS中变量声明，运算及时间的学习与应用。学习时长：4h。

console.log("............")命令允许在控制台窗口输出一条信息。

定义变量

·方法1：使用%s

const place="world";

const greeting="hello";

console.log("%s","%s",greeting,place);

·方法2：使用模板字符串

const place="world";

const greeting="hello";

console.log(`${greeting}`,`${place}`);

相较于方法一的代入跟易读。

代码注释

单行注释：行前加//

多行注释：/*。。。。。。*/

声明变量：三种方式

var：有函数作用域的变量声明，在函数全局作用域内可用。变量在作用域内可改动，表示是可变变量类型。

let：是块作用域而非函数作用域，表示只能用在块中，用一对大括号表示变量定义的地方，只能在定义后使用，也是可变变量类型。

const：是块作用域变量，只能在声明后使用，const只能设置不能重置，一旦通过const给变量设置值，表示常量。

在循环内部中使用let，其他情况用const更多，有利于减少bug的产生。

实例：

 字符串连接

使用"＋"连接字符串

const str1="hello";

const str2="world";

console.log(str1+str2);

console.log(str1+"big"+str2);

数字和字符串都使用"+"运算符

const num1=1;

const num2="2";

console.log(num1+num2);//结果为12

console.log(num1+1);//结果为2

使用模板字符串连接

用"+"运算符连接需要用双引号或者单引号，而用模板字符串连接只需要用反引号``。

const str1="hello ";

const str2="world!";

console.log(`i just want to say ${str1}`);

console.log(`${str1} ${str2}`);

使用模板字符串处理表达式

const num1=true;

console.log(`1+1=${1+1}`);

console.log(`the opposite of true is ${!num1}`);

数据类型

JS中只有一种数字类型：浮点型

typeof：typeof会提供个工具。typeof作为参数传入就会返回一个结果JS类型系统中的类型。

instanceof：用于确定某些内容是否从特定数据类型的构造函数中创造。

实例：

数学运算 

%（取余），也叫模运算符

++，--快捷自加和自减

使用math进行更复杂的运算

let num1=100;

console.log(num1+25);

console.log(num1-15);

console.log(num1*0.5);

console.log(num1/1000);

console.log(num1%1500);

console.log(++num1);

console.log(--num1);

console.log(Math.PI);

console.log(Math.sqrt(num1));

数字和字符串类型的转化

将字符串转为数字：parseInt(),parseFloat()

将数字转为字符串：toString()

let num1="150";

let flo1="1.50";

console.log(parseInt("100"));

console.log(parseInt(flo1));

console.log(parseFloat(flo1));

console.log(parseInt('1.5'));

console.log(parseInt('1+1'));

console.log(parseInt(`${1+1}`));

console.log(num1.toString());

console.log(flo1.toString());

console.log((100).toString());

异常

Exception：代码执行过程中的中断

Error：代码中的错误

Throwing an Exception：抛出异常

Uncaught Exceptions：未捕获异常，使用以下三种告诉代码怎么做

      Try：监视潜在可能抛出异常的代码行

      Catch：异常发生时执行的操作

      Finally：有选择的控制代码流即使没有抛出异常

function criticalCode(){

    throw "throwing an exception";

}

function logError(theException){

    console.log(theException);

}

try{

    criticalCode();

}catch(ex){

    console.log("got an error");

    logError(ex);

}

Date对象

实例：