2019-06-05

JavaScript基础知识(一)

输出

alert:在游览器弹出一个警告框
document.write:在浏览器的页面中弹出一个框
console.log:向控制台输出一个内容

js编写位置

1.,script:可以将js代码编写到外部的js文件中,通过script标签引入,注意script标签一但引入外部文件就不能在编写代码了
例如:
2.可以直接写在script标签中
例如:
3.可以写在标签的属性当中,但是他们属于结构与行为耦合，不方便维护，不推荐使用
例如:点我一下 你也点我一下 你也点我一下注意两个(;;)点击不执行

js基本语法

注释:单行注释://
多行注释:/**/
书写规则:
1.js中严格区分大小写:
2.js中每一条语句以(;)结尾
3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

字面量和变量

字面量(常量):都是一些不可更改的数字
变量:变量的只可以改变
js中使用var关键字来声明一个变量
例如:var b = 789;
var c = 0;
var age = 80;
console.log(age);

标识符:

命名规则:
1.标识符可以含有字母.数字._.$
2.不能以数字开头
3.标识符不能是ES中的关键字或保留字
4.一般使用驼峰命名法:首写字母小写，每个单词的开头字母大写，其余字母小写
JS底层保存标识符时实际上是采用的Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符

数据类型:

js中的数据类型:

String 字符串:

1.在JS中字符串需要使用引号引起来
2.使用双引号或单引号都可以，但是不要混着用
3.引号不能嵌套，双引号不能放双引号，单引号不能放单引号
字符串中的转义字符类型:
" 表示 "
' 表示 '
\n 表示换行
\t 制表符
\ 表示
例子:

//输出字面量 字符串str
// alert("str");
//输出变量str
// alert(str);

Number 数值:包括整数和浮点数

js还可以表示最大值和最小值
最大值:Number.MAX_VALUE
最小值:Number.MIN_VALUE
如果使用number表示的数字超过了最大值,则会返回的是:
Infinity 表示正无穷
-Infinity 表示负无穷
使用typeof检查Infinity也会返回number

NaN 是一个特殊的数字，表示Not A Number
使用typeof检查一个NaN也会返回number

查看变量的类型使用typefo
检查字符串时，会返回string
检查数值时，会返回number
检查Boolean时,返回boolean
检查null值时，会返回object>

Boolean 布尔值

布尔值只有两个,主要是用来做逻辑判断的
true:真
false:假

Null 空值:控制的类型只有一个,就是null

null这个值专门用来表示一个为空的对象

Undefined (未定义)

当声明一个变量，但是并不给变量赋值时，它的值就是undefined

Object 对象

其中String Number Boolean Null Undefined属于基本数据类型,而Object属于引用数据类型

强制类型转换

强制类型转换:
指将一个数据类型强制转换为其他的数据类型
类型转换主要指，将其他的数据类型，转换为String Number Boolean

将其他的数据类型转换为String

    方式一：
        - 调用被转换数据类型的toString()方法
        - 该方法不会影响到原变量，它会将转换的结果返回,所以需要一个变量接收转换之后的值
        - 但是注意：null和undefined这两个值没有toString()方法，如果调用他们的方法，会报错
    方式二：
        - 调用String()函数，并将被转换的数据作为参数传递给函数
        - 使用String()函数做强制类型转换时，
            对于Number和Boolean实际上就是调用的toString()方法
            但是对于null和undefined，就不会调用toString()方法
            它会将 null 直接转换为 "null"
            将 undefined 直接转换为 "undefined"

代码

var a = 123;

        //调用a的toString()方法
        //调用xxx的yyy()方法，就是xxx.yyy()
        a = a.toString();

        a = true;
        a = a.toString();

        a = null;
        //a = a.toString(); //报错

        a = undefined;
        //a = a.toString(); //报错

        a = 123;
            
        //调用String()函数，来将a转换为字符串
        a = String(a);

        a = null;
        a = String(a);
        
        a = undefined;
        a = String(a);

        console.log(typeof a);
        console.log(a);

讲其他的数据转换成number

      转换方式一：
        使用Number()函数
            - 字符串 --> 数字
                1.如果是纯数字的字符串，则直接将其转换为数字
                2.如果字符串中有非数字的内容，则转换为NaN
                3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
            - 布尔 --> 数字
                true 转成 1
                false 转成 0
            - null --> 数字 0
            - undefined --> 数字 NaN
    
    转换方式二：
        - 这种方式专门用来对付字符串,从第一个开始取值,当不是数字的时候停止取值
         parseInt() 把一个字符串转换为一个整数
        - parseFloat() 把一个字符串转换为一个浮点数,取第一个小数点

代码例子

        //调用Number()函数来将a转换为Number类型
        a = Number(a);

        a = "789abc";
        a = Number(a);

        a = "";
        a = Number(a);

        a = "      ";
        a = Number(a);

        a = true;
        a = Number(a);

        a = false;
        a = Number(a);

        a = null;
        a = Number(a);

        a = undefined;
        a = Number(a);

        a = "123.567a456px";
        //调用parseInt()函数将a转换为Number
        //parseInt()可以将一个字符串中的有效的整数内容去出来，然后转换为Number
        a = parseInt(a);

        // parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
        a = "123.456.789px";
        a = parseFloat(a);

        //如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后在操作
        a = true;
        a = parseInt(a);

        a = 198.23;
        a = parseInt(a);

        console.log(typeof a);
        console.log(a);

其他进制的数字

在js中，如果需要表示16进制的数字，则需要以0x开头
如果需要表示8进制的数字，则需要以0开头
如果要要表示2进制的数字，则需要以0b开头，但是不是所有的浏览器都支持,尽量避免
代码

        //十六进制
        a = 0x10;
        a = 0xff;
        a = 0xCafe;
        
        //八进制数字
        a = 070;
        
        //二进制数字
        //a = 0b10;
        
        //像"070"这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析
        a = "070";
        
        // a = parseInt(a);
        //可以在parseInt()中传递一个第二个参数，来指定数字的进制
        a = parseInt(a,10);
        
        console.log(typeof a);
        console.log(a);