前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新!
数据类型有 number、boolean、string、object、null、undefined;
undefined 和 null
undefined 字面理解为未定义(但是已经声明了);
undefined 和 null 都是没找到的意思,undefined 是没找到原生数据,null 是没找到对象;
可以将变量的值设置为 null 来清空数据;
字面解释很无力啊,看代码吧;
<script type="text/javascript"> var a;//a已经声明了,但没有值,是空的; console.log(a);//undefined //b没有声明 // console.log(b);//b is not defined;这一行报错,后面代码无法运行,故注释掉 var c;//c已经声明了,但没有值,是空的; c = "rose";//c赋值"rose"; console.log(c);//rose var d = 'jack';//d声明并且赋值"jack"; var d;//再次声明d,但没有进行赋值,d的值不会发生改变; console.log(d);//jack var d = null; //清空d值; console.log(d);//null var e = {name:'lucy',age:'girl'} console.log(e.sex);//undefined var f = document.getElementsByTagName('div'); console.log(f);//[],返回的是一个对象集合,以数组展示 var g = document.getElementsByTagName('div')[0]; console.log(g);//undefined,数组是原生数据,所以没找到的话,返回undefined var h = document.getElementById('test'); console.log(h);//null,对象没找到,返回null console.log(typeof undefined) ;//undefined console.log(typeof null) ;//object console.log(undefined === null);//false console.log(undefined == null);//true </script>
number
var a = 075; 8 进制数字必须以 0 为前导;
var a = 0xA; 16 进制数字必须以 0x 为前导;
NaN,非法运算,(not a number);
判断是不是一个数字,isNaN();
<script type="text/javascript"> console.log(isNaN(123)); //false console.log(isNaN('aaa')); //true console.log(isNaN(-567)); //false console.log(isNaN(56.7)); //false console.log(isNaN(aaa123)); //aaa123 is not defined console.log(isNaN(bbb)); //bbb is not defined // console.log(isNaN(-56a7)); //missing ) after argument list,这一行要注释掉,不然之前代码没法运行, </script>
数值转换,parseInt 把其他类型转换成整数(忽略小数点以后的数字);parseFloat 是把其他类型转换为浮点数(第二个小数点无效);
parseInt 会忽略前面的空格(后面的空格不会忽略);
- 如果第一个不是数字的字符,则返回 NaN;
- 如果第一个字符是数值(非0),则会继续往后解析,直到解析完数据或者遇到非数值字符;
- 如果第一个字符是0,则又分为数值转换数值和字符串转换数值,请看下面代码中最后几行;
- parseInt 可以转换二进制、八进制、16进制,最好传入第二个基数当做基值;
<script type="text/javascript"> console.log(parseInt(123.4));//123 console.log(parseInt(-45.6));//-45 console.log(parseInt('-34.567.89'));//-34 console.log(parseInt('567.89'));//567 console.log(parseInt('567.89.10'));//5670 console.log(parseInt('910abc456'));//910 console.log(parseInt('9 10abc456'));//9 console.log(parseInt('abc456'));//NaN console.log(parseInt(''));//NaN console.log(parseInt(12+'0.3.4'));//120 console.log(parseInt('0abc.567.89'));//0 console.log(parseInt('0123.1abc456'));//123 console.log(parseInt(0.123));//0 console.log(parseInt(0+'abc'));//0 console.log(parseInt(0123));//83;转换成8进制了 console.log(parseInt(1011101,2));//83;转换成8进制了 console.log(parseInt(0123,16));//131;转换成16进制了 console.log(parseInt('0123',16));//291;转换成16进制了 // console.log(parseInt(0abc));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, // console.log(parseInt(0'abc'));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, // console.log(parseInt(012.3));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, // console.log(parseInt(12'3.4'));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, </script>
parseFloat 会忽略前面的空格(后面的空格不会忽略),
- 如果第一个不是数字的字符,则返回 NaN;
- 如果第一个字符是数值(非0),则会继续往后解析,知道解析完数据或者遇到无效的浮点数为止(第一个小数点有效,第二个小数点无效);
- 如果第一个字符是0,则又分为数值转换数值和字符串转换数值,请看下面代码中最后几行;
- parseFloat 只能解析十进制数;
<script type="text/javascript"> console.log(parseFloat(123.4));//123.4 console.log(parseFloat(-45.6));//-45.6 console.log(parseFloat('-34.567.89'));//-34.567 console.log(parseFloat('567.89'));//567.89 console.log(parseFloat('567.89.10'));//567.89 console.log(parseFloat('910abc456'));//910 console.log(parseFloat('9. 12abc456'));//9 console.log(parseFloat('9.1 2abc456'));//9.1 console.log(parseFloat('abc456.123'));//NaN console.log(parseFloat(''));//NaN console.log(parseFloat(12+'0.3.4'));//120.3 console.log(parseFloat('0.23abc.567.89'));//0.23 console.log(parseFloat('00123.1abc456'));//123.1 console.log(parseFloat(0.123));//0.123 console.log(parseFloat(0+'012.34abc'));//12.34 // console.log(parseFloat(0abc));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, // console.log(parseFloat(0'abc'));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, // console.log(parseFloat(00.123));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, // console.log(parseFloat(012.3));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, // console.log(parseFloat(12'3.4'));//missing ) after argument list,这一行要注释掉,不然之前代码没法运行, </script>
- numberObject.toFixed(num); 保留 num 位小数并四舍五入;
- 返回字符串
- num 在 [0,20] 之间;
<script type="text/javascript"> var num = 3.14159265358; console.log(num.toFixed(0))//3 console.log(num.toFixed(1))//3.1 console.log(num.toFixed(3))//3.142 </script>
object
JavaScript 中的所有事物都可以理解为对象:字符串、数值、数组、函数...
对象是拥有属性和方法的数据;
对象是变量的容器;
对象的方法定义了一个函数,并作为对象的属性存储。对象方法通过添加 () 调用 (作为一个函数)。
访问对象的属性有两种方法 obj.property 或 obj["property"];
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="test1"></div> <div class="test2"></div> <script type="text/javascript"> var person = { firstName:'Zhang', lastName:'San', fullName:function (){ return this.firstName + '' +this.lastName; } } var test1 = document.getElementsByClassName('test1')[0]; var test2 = document.getElementsByClassName('test2')[0]; test1.innerHTML = '函数没加括号,输出函数表达式:' + person.fullName; test2.innerHTML = '函数加括号了,输出函数返回结果:' + person.fullName(); </script> </body> </html>