js初识.

1、js的全称：javascript

2、js能做什么

        实现页面交互效果

        实现前后端的数据交互

3、语言类型

        弱类型：js语法要求不是很严格

                        数据类型分类：数字，字符串，布尔值 整数和浮点数没有做区分

4、js三大组成部分

        ECMAScript es核心语法 版本 es5

        BOM broswer object model 浏览器对象模型 地址栏 前进 后退 刷新页面...

        DOM document object model 文档对象模型 html

5、js的引用（3种）

        1）外部引用js文件：<script src="./1.js" type="text/javacript"></script>

        2）内部js文件：<script>内部语句</script>

        3）行内js（不推荐）：<h1 οnclick="alert(666)">hello</h1>

6、js的输出方法（3种）

        1）页面输出：document.write() ->被body接收

               

document.write(666);

              

document.write('<h1>666</h1>');    //可以识别标签

 

        2）console.log()        控制台输出

console.log(888); 
console.log('888');
console.log('<h1>77</h1>');

 

        3)alert() 弹窗 

         

alert(666);

alert('666');

 

7、变量的声明

        js中声明变量的方式有三种：var，let，const，其中let，const后面会描述。声明变量相当于在内存中开辟了一个空间 ， 用来存放数据

var a=8;
a=9;
console.log(a);

8、变量的命名规范：

        

必须使用字母，数字，下划线组成
	数字不能开头
	不能使用关键字和保留字
	关键字：在这门语言中有特殊作用的单词
	保留字：将来可能成为关键字
	见名知意
	驼峰，下划线分隔
	小驼峰 nianLing 建议
	大驼峰 NianLing

         保留字：

        关键字：

9、变量赋值

 var age ;   // 声明变量
        age = 18 ; // 赋值   把18存入变量age中   把等号右边的东西给左边

        // 18 = age ;  // 错误



        // 简写
        // var sex ;
        // sex = '女' ;
        // 声明的同时赋值
        var sex = '女' ;



        // var num1 = 1 ;   
        // var num2 = 2 ;
        // 同时声明多个变量  逗号隔开
        var num1 = 1 , num2 = 2 , num3 ;

10、数据类型

 // 数据类型
        //    基本数据类型
        //        数字
        //        字符串
        //        布尔值
        //        null 空值
        //        undefined  已声明未赋值   其他语言不存在

        var age = 18 ;   // 数字
        var userName = '孙章豪' ;   // 字符串
        var bool = true ;   // 布尔值
        var bool2 = false ;  // 布尔值

        var m = 'true' ;  // 字符串
        var n = '18' ;  // 字符串

        console.log(age) ;
        console.log(userName) ;
        console.log(bool) ;

        console.log(m) ;


        var x ;
        console.log(x) ;

        var y = null ;  // null空的

11、数据类型判断方法

var a = 11 ;

        console.log(typeof a) ;  // number


        var b = 'hi' ;

        console.log(typeof b) ;   // string   char字符 set设置


        var c = true ;

        console.log(typeof c) ;   // boolean   布尔值



        var d = null ;

        console.log(typeof d) ;   // object 对象


        var e ;

        console.log(typeof e) ;  // undefined 

12、js中的运算

        1）算数运算：加减乘除 取余

 var a = 1 ;
        var b = 2 ;
        var c = a + b ;  // 把a加b的值赋值给c
        console.log(c) ;

        var d = a - b ;

        var e = a * b ;

        var f = a / b ;



        var m = 3 % 7 ;
        console.log(m) ;   // 小的数除以大的数  余数就是这个小数本身



        var x = (1 + 2) * 3 ;

        2）比较运算 ：> < >= <= == === != !==        //结果一定是布尔值

var a = 2;
        var b = 3;
        var c = a <= b;
        var d = a < b;
        console.log(c);   // true


        console.log(3 <= 3);

        console.log(3 == 3);

        console.log(3 == '3');   // true   == 只判断值，不管数据类型

        console.log(3 === '3');  // false  === 同时判断值和数据类型



        var m = 1;
        var n = '1';
        console.log(m === n);   // false  变量与变量进行比较的时候，操作的是变量存的值



        console.log(m != n);  // false  值不相等

        console.log(m !== n) ;   // true  值或者数据类型不相等


        console.log(2 < 3 < 4) ;   // true


        console.log(4 > 3 > 2) ;   // false
        // 4 > 3  true
        // true > 2 

        3）赋值运算：= += -= *= /= %=        

        

var a = 1 ;
        var b = 2 ;


        // a = a + 2 ;
        // 简写 
        a += 2 ;
        document.write(a) ;

        console.log(a %= 3) ;  // a = a % 3 ;  a = 3 % 3 ; a = 0 ;