day14
03javascript
javascript是一种基于对象和时间驱动的客户端脚本语言，最初的设计是为了
检验HTML表单输入的正确性，起源于Netscape公司的LiveScript语言
完整的JavaScript是由ECMAScript（）、
Browser Objects（DOM、BOM）（特性）组成的
可以在head或body中国使用<script>嵌入javaScript脚本
// 单行注释
/**/ 多行注释
语句结束使用分号结束
ECMAScript中的一切（变量，函数和操作符）都区分大小写
标识符：变量，函数，属性的名字，或者函数的参数。
命名规则：
1，由字母，数字，下划线（_）或美元符号（$）组成
2,来不能以数字开头
3，不能使用关键字，保留字等作为标识符。
ECMAScript的变量是松散类型
松散类型：可以用来保存任何类型的数据
每个变量仅仅是一个用于保存值的占位符而已。
变量的声明要使用var操作符
语法：var变量名
声明的同时赋值：var 变量ing=值
先声明后赋值：变量名=值
说明：
1.省略var声明的变量是全局变量
2.不推荐省略var操作符来定义全局变量
typeof
功能：检测变量类型
语法：typeof 变量或typeof(变量)
返回值：String number boolean object undefined function
undefined
值只有undefined
null
1.null表示一个空对象指针
2.如果定义的变量准备在将来用于保存对象，那么最好将改变量
初始化为null而不是其他值。
说明：undefined值是派生字null值的，所以undefined==null的返回结果是true。
Number:表示整数和浮点数
NaN:即非数值(Not a Number)是一个特殊的数值
说明：
1.任何设计NaN的操作(列入NaN/10)都会返回NaN
2.NaN与任何值都不相等，包括NaN本身。
isNaN()
语法：isNaN(n)
功能：检测是否是“非数值”
返回值：bolean
参数：参数n可以是任何类型
说明：isNaN()对接受的数值，现场时转换为数值，再检测是否为非数值。
有3个函数可以吧非数值转换为数值：
Number()
parseInt()
parseFloat()
说明：
1.Number()可以用于任何数据类型
2.parseInt()和parseFloat()则专门用于把字符串转换成数值。
parseInt()
parseInt():会忽略字符串前面的空格，直至倒找第一个非空格字符。
说明：
1，parseInt():转换空字符串返回NaN。
2，parseInt()这个函数提供第二个参数：转换时使用的基数(即多少进制)
string
string类型用于表示由零或多个16位Unicode字符组成的字符序列，即字符串。
字符串可以由双引号(“)或单引号(')表示。
toString()与String()
语法：str.toString()
功能：将str转换为字符串
返回值：str的一个副本
参数：str是要转换的内容，可以是数值，布尔值，对象和字符串。
说明：在不知道要转换的值是不是null或undefined的情况下，还可以使用String()
函数，它能够将任何类型的值转换为字符串。
boolean
用于表示真假的类型，即true表示真，false表示假
类型转换
1，除0之外的所有数字，转化为布尔型都为true
2，除""之外的所有字符，转换为布尔型都为true
3，null和undefined转换为布尔型为false
转换成boolean的函数为Boolean()
递增和递减
1,递增
++a与a++都是对a进行递增的操作
区别：
++a先返回递增之后的a的值
a++先返回a的原值，再返回递增之后的值
2，递增同理
比较操作符
>,<,>=,<=,==,===,!=,!==
==:相等，只比较值是否相等
===:相等，比较值的同时比较数据类型是否相等
!=:不相等，比较值是否不相等
!==:不相等，比较值的同时比较数据类型那个是否不相等
返回值：boolean型
三元操作符
语法：
条件?执行代码1:执行代码2
说明：
可代替简单的if语句
如果条件成立，执行代码1，否则执行代码2
逻辑与
&&与(只要有一个条件不成立，返回false)
说明：在有一个操作数U树布尔值的情况，逻辑与操作就不一定返回值，
此时它遵循下列规则：
1，如果第一个操作数隐式类型转换后为true，则返回第二个操作数。
2，如果第一个操作数隐式类型那个转换后为flase，则返回第一个操作数。
3，如果有一个操作数是null，则返回null
3，如果有一个操作数是NaN，则返回NaN
3，如果有一个操作数是undefined，则返回undefined
逻辑或
||或（只要有一个条件成立，返回true）
说明：再有一个操作数不是布尔值的情况，逻辑与操作就不一定返回值，此时它遵循下列规则：
1，如果第一个操作数隐式类型转换后为true，则返回第一个操作数。
2，如果第一个操作数隐式类型转换后为false，则返回第二个操作数。
3，如果两个操作数是null，则返回null
4，如果两个操作数是NaN，则返回NaN
5，如果两个操作数是undefined，则返回undefined
逻辑非
!非
说明：
1.无论操作数是什么数据类型，逻辑非都会返回一个布尔值
2.!!同时使用两个逻辑非操作符时：
-第一个逻辑非操作会基于无论什么操作数返回一个布尔值
-第二个逻辑非则对该布尔值求反
案例：
index.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>变量</title> </head> <body> <script> //声明保存用户名的变量 /*var name_01; name_01="shink"; //声明保存年龄的变量 var age=18; //声明变量的同时赋值 //声明保存邮箱的变量 var email = "shink@qq.com.cn"; //一次声明多个变量*/ var name_01="shink",age=18,email="shink@qq.com.cn",settings=null,address; var distance = 12.6790; var id = "14" console.log(typeof(settings)); //在控制台打印 console.log(typeof(age-"abc")); console.log(typeof(email)); console.log(isNaN(id)); name_01 =Number(name_01); console.log(name_01); console.log(Number("12adfa")); var topval = "23px"; console.log(parseInt(topval)); var c ="avc123"; console.log(parseInt(c)); console.log(parseInt("0xf")); var d = parseFloat("12.23px"); console.log(d); var e = parseFloat("0.123asd") console.log(e); var msg = "hello world!"; console.log(msg); var i=232; console.log(typeof i.toString()); console.log(typeof String(i)); var x; var y=null; var z=""; var w=0; console.log(Boolean(x),Boolean(y),Boolean(z),Boolean(w)); </script> </body> </html>
index1.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> var number_01 = 12, number_02 = "4"; console.log(number_01*number_02); //先隐式类型转换 var x=10, y="10", m=14, z1=x==y, z2=x===y, //全等要比较数据类型 z3=x!=y, z4=x!==y; //全不等要比较数据类型 console.log(z1); console.log(z2); console.log(z3); console.log(z4); var soce=45, result=soce>=60?"及格":"不及格"; console.log(result); console.log( '' && 123 && 123); </script> </body> </html>