javascript的基础学习

JavaScript书写位置

写在行内

<input type="button" value="按钮" onclick="alert('Hello World')" />

写在script标签中：由包含的代码就是JavaScript代码，他将直接被浏览器执行。

<script>
alert('Hello,world!');
</script>

写入外部js文件中，在页面引入。把代码放在单独的文件中更有利于维护代码，并且多个页面可以引用同一个js文件。

<script type="text/javascript" src="/js/Hello.js"></script>

变量

变量的概念：一个变量就是分配了一个值的参数。使用变量可以方便的获取或者修改内存中的数据。
声明变量：在声明变量时使用关键字var，要注意关键字与变量名之间的空格，也可以在一行中声明多个变量，以逗号分隔变量。
注意：第一个字符必须是字母、下划线（_）或者美元符（$）
后面可以跟字母、下划线、美元符、数字，但不能是其他符号
在被申明的范围内，变量的名称必须是唯一的
不能使用保留关键字作为标识符

var age;

数据类型

js的数据类型分为两大类：

原始数据类型（基本数据类型）：

1. number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2. string：字符串   *注意  JavaScript里 "abcdef" 为字符串  "a" 也为字符串  'abc' 单引号的也为字符串
3. boolean: true 和 false
4. null：可以解释为 一个对象为空的占位符
5. undefined：未定义的。如果一个变量没有给初始化值，则会被默认赋值为undefined

对象数据类型

运算符

算数运算符 + - * / % …

var a = 2;
        var b = 3;
        document.write( a + b + "<br>"); // 5
        document.write( b - a + "<br>"); // 1
        document.write( a * b + "<br>"); // 6
        document.write( a / b + "<br>"); // 0.666666666666666666
        document.write( a % b + "<br>"); // 2
        

赋值运算符 = += -+ …

var a = 2;
        a+=2;
        document.write( a + "<br>"); // 4
        a-=2;
        document.write( a + "<br>"); // 2
        a*=2;
        document.write( a + "<br>"); // 4
        a/=2;
        document.write( a + "<br>"); // 2

一元运算符：只有一个运算数的运算符如 ++，-- ， + (正号)
++ --: 自增(自减)

• ++(–) 在前，先自增(自减)，再运算
• ++(–) 在后，先运算，再自增(自减)

var num = 3;
        var a = ++num;
        var b = num++;
        document.write(num + "<br>"); // 5
        document.write(a + "<br>");  // 4
        document.write(b+"<hr>");  // 4

+(-)：正负号

注意：在JavaScript中，如果运算数不是该运算符所要求的类型，那么JavaScript的引擎会自动的将运算数进行类型转换,转换为符要求的类型

其他类型转number：
string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
boolean转number：true转为1，false转为0

var c= +"123";
        var d = +"123abc";
        document.write(typeof (c)+"<br>"); // 得到： number
        document.write(c+1);//得到： 124
        document.write("<br>");   //换行
        document.write(typeof (d)+"<br>"); //number
        document.write(d+1); // 得到： NaN（不是数字的数字）
        document.write("<hr>");

        var flag1 = + true;
        var flag2 = +false;
        document.write(typeof (flag1) + "<br>"); // 得到：number
        document.write(flag1 + "<br>");//得到 1
        document.write(flag2 + "<br>");//得到 0