JavaScript-01

1、快速入门

1.1、引入JavaScript

1、内部标签

<!--script标签内，写JS代码-->
   <script>
   alert('hello rop');
</script>

2、外部引入

rop.js

alert("hello rop");	

<!--外部引入-->
<!--注意：script必须成对出现-->
<script src="js/rop.js"></script>

1.2、语法入门

    <!--JS严格区分大小写-->
    <script>
        // 1. 定义变量   变量类型    变量名 = 变量值
        var num = 1;
        var name = "rop";
        // alert(name);

        // 2.条件控制
        var score = 85;
        if (score>60 && score<70){
            alert("及格");
        }else if (score>70 && score<80){
            alert("中等");
        }else if (score>80 && score<90){
            alert("良好");
        }
        // console.log(score) 在浏览器的控制台打印变量！ sout
        /*
        *
         */

    </script>

1.3、数据类型

数值、文本、图形、音频、视频……

变量

var la

number

js不区分小数和整数，Number

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

字符串

‘abc’ “abd”

布尔值

true,false

逻辑运算

&&	两个都为真，结果为真

||	一个为真，结果为真

!	真即假，假即真

比较运算符！！重要！！

=

==	等于（类型不一样，值一样，也会判断为true）

=== 绝对等于（必须类型和值都一样，结果为true）

这是JS的一个缺陷，坚持不要使用==进行比较。

须知：

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

浮点数问题：

    <script>
        var i = (1/3) === (1-2/3);
        alert(i);
    </script>

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

Math.abs(1/3 - (1-2/3)) < 0.00000001

null 和 undefined

• null：空
• undefined：未定义

数组

java中必须是一系列相同类型的对象，，但是JS中不需要这样。

var arr = [1,2,3,4,5,"hello",null,true];

取数组下标，如果越界了，就会undefined。

对象

对象是用大括号，数组是中括号。

每个属性之间使用逗号隔开，最后一个不需要添加。

// Person person = new Person(1,2,3,4,5);
var person = {
	name: "rop",
	age: 22,
	tags: ['js','java','web','...']
}

去对象的值

person.name
person.age

1.4、严格检查模式

    <!--
    前提：idea需要支持ES6的语法
    'use strict'; 严格检查模式，预防JS的随意性导致产生的一些问题
    必须写在JS的第一行
    局部变量建议都使用let
    -->
    <script>
        'use strict';
        //全局变量
        let i = 1;
        //ES6 中用 let
        let j = 1;
        alert(j);
    </script>