Javascript学习资料整理——week1-day1

一、

1.javascript代码引入位置

alert（'helloworld'） 弹出一个对话框，显示括号中内容

    行内式：直接在html属性中写JavaScript代码

        1）无默认行为的HTML标签      

            <div οnclick="alert('helloworld')">点击我</div>

        2）有默认行为的HTML标签

            <a href="javascript:alert('百度')">百度</a>

            <form action=''></form>

    内嵌式：

        <script type='text/javascript'>

            alert('内嵌式引入js代码')

        </script>

        注意：位置  body结束标签前

    外链式：

        <script src='js文件路径'></script>

二、

js注释：

    单行注释 //         ctrl+/

    多行注释 /*内容*/   ctrl+shift+/

三、变量

1.使用方式

    定义一个变量：  var 变量名  //创建一个变量名

                   var a       //创建一个名为a的变量

                   var num      //创建一个名为num的变量

2.作用：

    存储数据的容器

    值变化的量

3.规则：

    变量必须由数字、字母、下划线、$组成

    不能用数字开头

    不能使用关键字和保留字

    不能用空格

4.规范：

    变量名语义化

    驼峰命名

5.变量赋值：

    var num=100

        = 赋值符号      （将100的值赋值给变量num）

6.访问显示变量值

    console.log（变量）

        显示变量的值，输出打印到浏览器控制台

四、变量内存结构图   

 <script>

        var num=100

            num=200

        console.log(num)

 </script>

五、数据类型

1.数据类型：存储数据的类型

    两大类：

            基本数据类型

                1）number（数值）

                一切数字都是数值类型

                    var num=100 ||  var num=10.23   (num数据类型都是number)

                    var num=NaN     NaN是一个数字值，属于 （非数字值）

                2）string   （字符串）

                用引号引起来的值    （单引或双引）

                    var i='helloworld'  ||  '张三'

                3）boolean （布尔类型）

                只有两个值：true （成立，真）   /   false   (不成立，假)

                    var i=true / false

                4) null (空类型)

                值为 null

                    var i=null

                5）undefined （未定义类型）

                值为 undefined

                    var son

            复杂数据类型

            object  Array...

       

六、检查变量数据类型

1.typeof

    语法：typeof 变量

                返回变量数据类型——string,number,boolean,null,undefined

    示例：var a

         console.log('a',typeof a)   //  undefined

    注意：var person = null

         console.log('person',typeof person)   //  object    

七、数据类型转换（其它类型转数值类型）

1.Number(变量)——返回数值类型变量

    ''——0

    '100'——100

    'hello'———NaN

    true——1

    folse——0

2.parseInt(变量)——返回数值类型变量(取整)

    '100'——100

    '100.25'——100

    'hello'——NaN

        取整：

            35.2——35

            parseInt(35.2)——35

            '100abc'——100

3.parseFloat(变量)——返回数值类型变量(保留小数)

    '35.2'——35.2

八、其他类型转字符串

1.String(变量)——返回转换之后字符串

    100——'100'

    true——'true'

2.变量.tostring()——变量转字符串

    100——'100'

    true——'true'

    undefined——控制台报错

    null——控制台报错

3.+ 连接符   

var num = ''+100

console.log(num)    //  '100'

        +号前后有''，则变成连接符

九、其他类型转布尔类型

1.Boolean(变量)——返回布尔类型

    100——true

    0——false

    'hello'——true

    ''——false

    undefined——false

    null——false

十、数学运算符

1.+     如有一边是字符串，进行字符串连接

2.-     进行隐式转换，将字符串转换成数值再运算

3.*     进行隐式转换，将字符串转换成数值再运算

4./     进行隐式转换，将字符串转换成数值再运算

5.%     取余

十一、赋值运算符

1.=     +=      -=      *=      /=      %=

2.比较运算符

    比较两边的值是否相同，如果相同返回true，不同返回false

    ==  比较值

    === 恒等，比较值和数据类型

    >   <   >=  <=  !=

    注意：比较运算符的结果是布尔类型

3.逻辑运算符

    &&  逻辑与

        并且，左右两边都成立，表达式才成立，返回true，有一个不成立，返回false

        true && false —— false

        true && true —— true

        注意：一般用于判断两个条件是否同时成立，如果前面是false，后面运算忽略不执行

    ||  逻辑或

        或者，左右两边只要有一个成立，表达式成立，返回true，都不成立，返回false

        false || false —— false

        true  || false —— true

    !   逻辑非

        !true ——false

        !false ——true

            注意：比较运算的结果是布尔值

十二、自增自减运算符

1.自增 ++

    自身加一

    var num = 100

    num++   //  101

2.自减 --

    自身减一

    var num = 100

    num--   //  99

3.++在前和在后的区别：参与其他运算

    ++在后，表示先运算，再加一

    ++在前，表示先加一，再运算

十三、检查非数字值

    NaN (not a number)

        number可为 100/NaN

    isNaN(变量)

    如果变量是非数字符返回true，否则返回false

    示例：

        var n = 100

        console.log(isNaN(n))   //false

        var n = 'hello'

        console.log(isNaN(n))   //true