Js基本语法

目录

Js的历史

Js概念：支持面向对象的跨平台脚本语言。

Js的应用场景

Js组成

输出：

定义变量

变量名规则：由字母、数字、下划线、美元符号组成，不能以数字开头，不 能以关键字作为变量名

赋值：

数据类型

运算符

算术运算  

     2.关系运算(比较运算)

    3.赋值运算

    4.逻辑运算（最后得出的结果也是布尔型）

    5.自增自减运算

类型转换

        1.强制转换

            1.转为布尔型

           2.转换为字符串

           3.转为数字

        4.使用函数强制转换为数字

        5.使用tostring()方法强制转换为字符串，转换结果和string函数一样

        2.隐形转化

                数字运算时转换为数字型

---

Js的历史

网景 Netscape

布兰登·艾奇

Js最终被ECMA统一：ECMAScript + DOM + BOM

Js概念：支持面向对象的跨平台脚本语言。

Js的应用场景

表单校验

网页特效

网页游戏

物联网开发

Js组成

ECMAScript：语法标准

BOM：操作浏览器的标准

DOM：操作html文档的标准

注释：//单行注释  /* */多行注释

输出：

1. 以弹窗的方式显示:   alert();

         通常适用于给用户做提示

     2.以文本形式显示:   document.write();  

        通常用于动态改变或增加body标签中的内容

     3.可输入内容弹框:  prompt();

        这种弹窗通常在项目中使用较少，项目中要提示用户输入内容的时候通常会

        使用表单

     4.询问用户是否确认操作的弹框:  confirm();

        这种弹窗通常在项目中用户进行敏感操作时，提示用户是否继续下去

     5.浏览器控制台输出: console.log();

        通常用于调试代码时，在浏览器的控制台查看调试结果，不会影响到整体项 目的逻辑和效果

        变量：就是内存中存放数据的容器 需要定义

定义变量

语法：

        var 变量名；

定义多个变量的时候，可以一次性多次定义多个变量：

        var 变量1, 变量2;

变量名规则：由字母、数字、下划线、美元符号组成，不能以数字开头，不 能以关键字作为变量名

赋值：

赋值符  = (这个符号在编程中，不代表相等的意思)

特点：

赋值符左边的一定是一个变量，准备接收数据

赋值符右边的一定是一个值或者能得到值的一个表达式

赋值符的唯一作用就是将右边得到的值放在左边的变量容器中

例：

var a;

a = 10;

var b;

b = 20;

var c;

c = a + b;

数据类型

类型	示例	备注
数字型（number）	1 -2 3.14 300	包括整数、小数、负数
字符串型（string）	"你好吗？" '今天嫁给我'	用引号引起来的任意多任意字符，单引号和双引号都行
布尔型（boolean）	true false	代表事物的两面性，真和假
未定义型（undefined）	var a	代表定义过未赋值的变量
对象（object）	null [1,2,3] {name:张三}	代表一个集合

使用typeof(被检测的内容)得出内容的类型。typeof(x) 可以写成 typeof x 。使用小括号和空格都可以。

NaN   用来表示一个非数字的特殊值，当发现无法进行运算时，js不会报错，而是会返回一个NaN

注意事项：

NaN的类型是number类型的，表示一个非数字

NaN不等于任何值，包括NaN本身

通过isNaN()可以判断是否是一个数字，返回false的时候，表示是一个数字。

运算符

1. 算术运算  

        运算符:

        + (求和)   - (求差)  * (求积)   / (求商)  % (求余)

     2.关系运算(比较运算)

        运算符:

        > 大于      >= 大于等于      < 小于     <= 小于等于  

        == 等于（主要用于判断两边的值是否相等）  

        === 全等于（先判断两边的类型是否相等，类型相等再判断值是否相等）

        ===比==要更严谨，所以今后我们在代码中，如果能用===进行比较的，一定不会使用==去做

        ! = 不等于 （不等于，等于的反义词，等于为false的时候，不等于就为true）

        ! == 不全等（不全等，全等的反义词，全等为false的时候，不全等就为true）

关系运算最后的结果只有两种，一种是真，一种是假，也就是布尔型的true 和false

    3.赋值运算

        运算符:

                +=  先加后，再赋值

                - =  先减后，再赋值

                * =  先乘后，再赋值

                / =  先除后，再赋值

                %=  先余后，再赋值

    4.逻辑运算（最后得出的结果也是布尔型）

        一般用于判断多个关系运算

        运算符:

        &&(与，并且)   左右两边都为true， 最后结果才为true，否则就是false

        | | (或者) 左右两边只要有一个true，最后结果就为true，否则就是false

        ! ( 非，取反 )   将true处理为false，将false处理为true

    5.自增自减运算

        ++  让一个数字递增1

        -- 让一个数字递减1

        它们可以放在后边或前边，表示的意思是一样的

        ++a  a++

        --a   a--

        当它们碰到赋值或输出时，++/--就有区别

        ++/-- 放在后边时，就最后进行递增/递减运算，先进行输出或者赋值

        ++/-- 放在前边时，就先进行递增/递减运算，后进行输出或者赋值

类型转换

        1.强制转换

            1.转为布尔型

                语法：boolean(arg)

                非0数字转换为布尔型为true，0转换为布尔型为false

                非空字符串转换为布尔型为true，空字符串转化为布尔型为false

                Undefined转换为布尔型为false

                Null转换为布尔型为false

           2.转换为字符串

                语法：string(arg)

                true转换为字符串仍为true，false转换为字符串仍为false

                Null转换为字符串仍为null

                Undefined转换为字符串仍为undefined

           3.转为数字

                语法：Number(str)

                NaN代表不是数字，但是他是数字类型(没有意义的数字)

                非数字字符串转换后都是NaN(NaN是一个不是数字的数字类型)

                true转为数字为1，false转为数字为0

                Undefined转换为数字为NaN

                null转换为数字为0

        4.使用函数强制转换为数字

                语法：parseInt(arg)  强制转换为整数

                   parse Float(arg)  强制转换为小数

                小数转换为整数只取整数，向下取整

                首位非数字的字符串强转为整数为NaN，首位是数字的字符串转为整数 是首位的数字

                布尔行强转为数字为NaN

                Undefined强转为数字为NaN

                null强转为数字为NaN

        5.使用tostring()方法强制转换为字符串，转换结果和string函数一样

                这个方法不能给undefined和null使用

        2.隐形转化

                数字运算时转换为数字型

                例:

                        var str = “100”

                        var a = str%10;

                        var b = true +1;

                        console.log(a);

                        console.log(b);