JavaScript入门

本文已参与「新人创作礼」活动，一起开启掘金创作之路

快速入门

1.引入JavaScript

1、内部标签

<script>
    //...
</script>

2、外部引入

acs.js

//....

test.html

<script src="abs.js"></script>

2.基本语法入门

<!--    JavaScript严格区分大小写-->
    <script>
        // 1.定义变量
        var num = 1;
        var name = "chaunqi";
        // 2.条件控制
        if(2>1){
            alert("true");
        }
        console.log(num);//在浏览器的控制台打印一个变量；sout；
    </script>

• 浏览器必备调试须知

3.数据类型

数值、文本、图形，音频，视频....

==number'==

js不区分小数与整数

123 //整数
123.1//浮点数
1.123e3//科学计数
-99//负数
NaN//not a number
Infinity//无限大

==字符串==

‘abc’ “abc”

==布尔值==

false、true

==逻辑运算==：与、或、非

&&  两个为真，结果为真

||  一个为真，结果为真
 
!  取反

==比较运算符==

= 
==  等于（类型不一样，值一样，为true）
===  绝对等于（类型一样，值一样，为true）

这是js的一个缺陷，坚持不要用==比较

• 须知：NaN===NaN，这个与所有的数值不相等，包括自己
• 只能通过isNaN（NaN）来判断这个数是否是NaN

浮点数的问题

console.log((1/3) === (1-(1/3)))
false

尽量避免使用浮点数进行运算，存在精度问题！

==null和undefined==

• null 空
• undefined未定义

==数组==

一系列类型相同的数字，js中不需要这样

//保证代码的刻度行，尽量使用中括号
var arr = [1,2,3,4,5,'hello',null,true]

new Array(1,2,3,4,5,'hello',null,true);

去数组下标，越界为undefined

==对象==

• 对象是大括号，数组是中括号

• 每个属性之间用逗号隔开，最后一个不需要逗号

  var person = {
         name:"chaunqi",
         age:3,
         tags:['js','java','web','....']
     }
 
 ======================================================
      
 去对象的值：
     person.name
     person.age
     person.tags

4.严格检查模式

前提：IDEA需要设置支持ES6语法

'use strict'; 严格检查模式，预防JavaScript的随意性导致产生的一些问题

• 必须写在JavaScript的第一行
• 局部变量使用let定义

作者：老6
qq：664474618
欢迎大家一起交流学习