8-25 程宗武

day15(JavaScript)

1、JavaScript的特点:

1)解释型语言

2)弱类型语言

3)基于对象

4)跨平台

JavaScript:解释型语言-编译一行执行一次

如果出现了字符串的嵌套,需要在内外使用不同的引号 例:"你好 'js' ";

2、JavaScript组成

1)ECMAScript:ES规定了JS语言核心语法的标准

2)DOM

document:表示整个文档,在dom树中表示顶级对象,表示整个对象

document.write()这种方法会破坏页面结构,因此,在开发中严禁使用此方法;如果出现了报错,一般会将报错信息输出到控制台中

3)BOM

alert()

弹出输入框

prompt('加油,特种兵');

弹出确认框

confirm('加油,特种兵');

3、变量

//定义变量

var name = "朱朝阳"

//使用变量

console.log(name);

//在命令行窗口输入node 文件名 或者文件路径

//变量的默认值为undefined

常量使用关键字const命名,一旦声明,不允许重新赋值(常量必须在创建的时候就赋值

例:const:PI = 3.14

4、数据类型

1)基础数据类型:(number、string、boolean、undefined、null)

声明一个二进制整数:0b101010

八进制(0开头):0123

浮点型:e表示10的多少次幂 e的前后都必须有值

例:var num1 = 0.314e1; --> 3.14

​       var num2 = 31.4e-1; --> 3.14

null:实质上是一个对象,一般由程序给我们赋值,而不是我们主动指定一个变量的值为null

2)引用数据类型:

3)数据类型转换

隐式转换

加法运算

数值型+布尔型==>数值型

例:console.log(1+true) --> 2 console.log(1+false) --> 1

字符串型+布尔型==>字符串型

例:console.log('string'+true) --> stringtrue

减、乘、除、取余运算

自动将数据类型转为数值型,然后再进行运算

console.log('string'/10); -->NaN (一切无法正常转换的数字,NaN不代表任何值,NaN与任何数进行运算,结果都为NaN);

强制转换(所有隐式转换都是自动调用Number())

1、将数据转换为整型

强制转换的机制:将数据转为number类型的整数,从开头开始,依次读取每个字符,只要碰到数字就保留,直到碰到第一个不是数字的字符就不再继续读取

//整型
console.log(parseInt(1.2111));1
console.log(parseInt("str1"));NaN
console.log(parseInt("111aaaa"));111
console.log(parseInt(true));NaN
console.log(parseInt(undefined));NaN
console.log(parseInt(null));NaN

2、将数据转为单精度浮点型

将数据转为number类型的浮点数(小数),从开头开始,依次读取每个字符,只要碰到数字和小数点就保留,直到碰到第一个不是数字和小数点的字符就不再继续读取

//单精度浮点型
console.log(parseFloat(1));1
console.log(parseFloat("123.11aaa"));123.11
console.log(parseFloat("111.11.11"));111.11
console.log(parseFloat(undefined));NaN
console.log(parseFloat(true));NaN
console.log(parseFloat(null));NaN

3、将数值型转成字符串

1)x.toStirng() (注意:x不能是null和undefined)

var a = 1;
console.log(a.toString()); -->1
var b = true;
console.log(b.toString()); -->true
var c = undefined;
console.log(c.toString()); -->TypeError(类型转换异常)

2)String(x)(这种类型对x没有类型限制)

4、将数据转为boolean

规则:只有五个值会被转为false( 0 , null , NaN , undefined , "" ),其余任何值都转为true

//布尔型
console.log(Boolean(0));
console.log(Boolean(null));
console.log(Boolean(NaN));
console.log(Boolean(undefined));
console.log(Boolean(""));
console.log(Boolean(" ")); -->true//双引号里面为空格时,空格也算一个字符

5、运算符和表达式

1、算数运算符

+ 运算中只要有一个字符串,全部转为字符串,+ 计算此时改为字符串拼接

问题:凡是从页面上获得的数据都是字符串

解决:做算数计算前,必须用parseFloat()强转为数字类型

2、比较运算符

== 和 ===的区别(全等于\严格等于)

console.log(1=='1'); true;
console.log(1==='1'); false;

特殊情况

1.两个string类型做比较,不再转为number,而是按位比较每个字符的unicode号,只要一位字符能比较出结果,就不再继续;

2.null和undefined,用 == 无法区分null和undefined,普通关系运算会将undefined先隐式转为null再做比较

console.log(undefined==null);true
解决方法:

​   ===(不带隐式转换的==比较),先要类型相同,然后再值相等

​   !==(不带隐式转换的!=比较)

3.NaN

​ 无法判断是不是NaN,NaN不等于,不大于,不小于一切,因为NaN表示所有不是数字的内容,是一个范围,不表示一个具体值,做比较无任何意义

解决方法:

​   isNaN(num),专门判断num是不是NaN,经常反用,专门用来判断num是不是有效的数字,!isNaN(num)

4.两个对象做 == 比较

​ 不再做任何转换,而是比较两个对象的 ” 地址 “ 是否相同,判断两个变量是否引用同一个对象

3、逻辑运算符

1、逻辑与(默认情况:每个条件都转为bool类型,再联合判断)

console.log(1&&2);2
console.log(2&&1);1==>true

标签

评论

this is is footer