js 01 基础

java 单行// 多行/**/ 文档注释/** */ javadoc
css 多行注释 /* */
javascript 单行// 多行/* */

<h6>常用的函数：</h6>

alert("提示框");
document.write("向浏览器输出内容");
document.write:向浏览器输出内容,也相当于是给浏览器输出html代码

<h6>javascript的使用方法：</h6>

内部javacript:
a)在html页面中使用<script>标签，在<script>标签体中写js内容
b)弊端：和html代码混杂在一起，不好维护，不好重用

外部javascript（推荐使用）
<script src="01.js"></script>

<script type="text/javascript">
    document.write("爱你不是两三天");
    alert("弹窗来啦!!!");
</script>
</head>

<body>
    
</body>

Paste_Image.png

<h3>2.基础数据类型</h3>

定义和赋值变量： var 变量名=值;
注意：

1) 使用var关键词定义变量，var可以省略的，但是不建议省略var
2) 在js中可以重复定义变量，后面定义的变量会覆盖前面的变量。
3) js是弱类型语言，使用var来定义任何数据类型
4) js中变量的类型是由变量的值决定的，所以只定义不赋值的变量，就是一个未赋值变量（undefined），未赋值的变量不能使用</br>
typeof(变量):查看变量的数据类型</br></br>

js的数据类型分类：
a）number：无论整数还是小数，都是number类型
b) string: 无论字符还是字符串，都是string类型
c) boolean
d) object 对象类型

    var a = 10;
    //var a = 20;可以重复定义变量,且会替换前面的变量
    
    var b = 3.14;
    var c = 'c';
    var d = "hello";
    var e = true;
    var f = new Object();
    
    document.write("a的值为："+a +",a的数据类型是:"+typeof(a)+"<br/>");
    document.write("b的值为："+b +",b的数据类型是:"+typeof(b)+"<br/>");
    document.write("c的值为："+c +",c的数据类型是:"+typeof(c)+"<br/>");
    document.write("d的值为："+d +",d的数据类型是:"+typeof(d)+"<br/>");
    document.write("e的值为："+e +",e的数据类型是:"+typeof(e)+"<br/>");
    document.write("f的值为："+f +",f的数据类型是:"+typeof(f)+"<br/>");

3.算术运算符

算术运算符：
1) + - * / %
2)比较运算符： > < >= <= ==
3)逻辑运算符： && || !
4)三目运算符: 表达式 ? true的结果 : false的结果
注意：
在js中，布尔值可以用true用1来代表，false用0来代表

4.流程控制语句

if语句

<pre>if(表达式){
语句
}else{
语句
}</pre>
条件可以是：
布尔值：true：成立； false:不成立
number：非0：成立； 0：不成立
string: 非空字符串：成立；空字符串：不成立
object: 非null: 成立； null：不成立

switch语句

switch语句case中可以是变量,可以是条件判断语句;这点和其他语言是不同的

    var i = "b";
    var b = "b";
    switch(i){
    case "a":
        document.write("你选择了a");
        break;  
    case b:
        document.write("你选择了b");
        break;
    case b=="f": /*还可以是条件判断语句*/
        document.write("你选择了c");
        break;
    case "d":
        document.write("你选择了d");
        break;
    default:
        document.write("你选择了其他");
        break;
    }

5.循环语句###

for( )循环,一样的用法
while(),一样的用法
do{}while()循环,一样的用法
for-in语句：
<pre>
for(var 遍历 in 数组|对象){
}</pre>
作用：
1）遍历数组
2）对象</br>
注意：
遍历对象的时候，变量是属性的名称，如果获取属性值，则 p[i];

6.函数###

函数定义：
<pre>function 函数名称(形式参数列表){
语句
}</pre>
调用函数:
函数名称(实际参数列表);</br>
注意：

js的函数使用function定义，但是形式参数列表不能使用var关键词
js的函数可以有返回值，直接使用return关键词返回即可，不需要声明返回值类型
js没有方法重载的概念，后面定义的函数会覆盖前面的函数。
js中的形式参数和实际参数的数量可以不一致，依然可以调用。
js的每个函数中都隐藏了一个叫arguments的数组，这个数组用于接收函数调用时传递过来的实参。
arguments 数组接收完实参后，会逐一的依次从左到右赋值给形参,如果实参数量大于形参数量，则丢失剩下的实参,如果实参数量小于形参数量,那么对应的形参会为undefined

<script type="text/javascript">
    function test(a,b){
        
    }
    
    function test(a,b,c){ //该方法会替换掉上面的方法
        document.write("a:"+a+"</br>");
        document.write("b:"+b+"</br>");
        document.write("c:"+c+"</br>");
    }
    
    test(2,3);
    test(2,3,4,5);
</script>