你好javascript day1

1)script写法

    <script>
      // 1   数字 number
      // "a"  字符  字符必须由双引号  string
      // 在控制台打印aaa
      // console.log("aaa");//点语法  ·等于谁谁的什么
      // 属性
      // 张三.手指=3;
      // 方法,做什么事
      // 戴宗.跑步(一级符);
    </script>

2) 注释

  // 注释
  // 注释后的代码不会被执行
  // VSCode
  // ctrl+/  单行注释
  // alt+shift+A  多行注释

3)常用方法

    <script>
      // 在代码中
      // API
      // console.log("aa");
      // 错误信息
      //   console.error("错误信息?");

      // ok对话框  ok对话框可以打印提示文本内容,但是会强迫代码停止运行
      // alert("你好");

      // 确认消息框  确定取消的功能
      // confirm("你是不是觉得很有意思?");

      // 弹出输入框
      // prompt("你今年多大岁数");

      // 弹出输入框中,有默认值 20
      // prompt("你今年多大岁数","20");
      // console.log("bb");

      // JavaScript  区分大小写
      // 根据id获取元素
      var div1 = document.getElementById("div1");

      // 元素的样式  指定样式内容
      // font-size:12px;    fontSize="12px";
      // div1.style.fontSize="12px";

      // 给div1元素里面设置html内容
      // div1.innerHTML="<span>1</span>";
    </script>

4)变量 

 <script>
/* 
        x=5;
        y=6;
        z=x+y; */

        // 字母不加双引号或者单引号  就是变量的名字


        // console.log("x");//有引号的是字符
        // console.log(x);//没有引号的是变量

        // =   一个等号叫赋值

        // x+1=y+1;  错误的
        // x=y+1;
        // x=x+1;//等号右侧先计算,计算完成后赋值给等号左侧,重新赋值,原值被覆盖了
        // console.log(x);//打印变量及打印该变量的结果
        // console.log("x");//打印字符串,和变量没关系



        // 上面这种变量定义早期的ECMAScript是支持的,现在不允许这样写



        // 变量命名
        // 变量命名只能使用字母,数字,下划线,$,并且首字母不能是数字

        // var x=5;
        // 一般变量名称分为多种
        // 1、普通变量名称,驼峰式命名法
        // 首字母小写,第二个单词开始,每个单词的首字母大写,其他都是小写
    //    var getSumValue=10;
    //    不能使用中文
        // 2、临时变量,或者函数中的参数命名
        // 首字母是下划线,后面跟驼峰式命名法
        // var _sum=20;

        // 3、循环条件中的局部变量
        // 这种变量名多为单字母
        //  var i=3;

        // 变量名规范
        // 1、关键字,保留词是不可以命名
        // var for=3;//错误的
        // var if=3;
        // 错误
        // var  private=3;
        // var class="3";
        // var static=7;

        // 2、中文不能用
        // var 姓名="谢天";
        // console.log(姓名);

        // 3、window的属性不能定义

        // js中根对象就是window
        // window.alert("你好")
        // window.document.getElementById();
        // 通过var定义的变量就相当于在window对象上添加了一个属性
        // var alert=10;
        // alert("你好");//报错,因为把window对象下alert替换为10了


        // var sum=20;
        // console.log(window.sum);

        // var id=3;
        // console.log(id);
        // var status=10;
        // 会自动将数值转换为字符了,因为window对象下有status这个属性,并且这个属性限定为字符型
        // console.log(status);
    
        // ES6中推出了常量
        // 常量,初始设置后不能改变他的值
        // 常量定义必须使用全部字母大写,单词直接使用下划线连接
        // const ELEMENT_WIDTH=60;

        // ELEMENT_WIDTH=40;



    </script>

 5)数据类型 

<script>

        // 字符型 string
        // var  a1="abc";
        // var a2='abc';
        // var a3=`abc`;
        // var a4="50";//只用用引号引起来都是字符
        // console.log(a1);//显示黑色


        // 数值型  number
        // var b1=10;//正整形
        // var b2=-10;//整形
        // var b3=0.5;//浮点型
        // var b4=010;//8进制 以0起头
        // var b5=0xAF;//16进制  以0x起头
        // var b6=4e+2;//科学计数法 400  e就是10的多少次幂
        // var b7=2.6e-2;// 0.026
            // console.log(b2)  显示蓝色

        // 布尔型  boolean
        // 真和假  对或者错
        // var c1=true;//真
        // var c2=false;//假

        // 可以用于判断,或者开关

        // undefined 未定义值
        // var d1=undefined;//给d1定义变量,没有赋值
        // var d2;  //这样直接定义是一样的

        // null  空值
        // var e1=null; 定义空值
        // 当一个变量以指针的形式指向堆中的地址时,当我们不需要再指向时,就必须设置该变量为null


        var x2,y2,z2;
        var x1=3,
            y1=4,
            z1=5;
        const EVENT_ID="string";

        var x=y=5;
        // 先把结果赋值给最前面的,再赋值给后面的


        // 弱类型语句
        // 不用给定变量类型,可以随意改变值的类型
        // 所以我们就需要考虑变量是什么类型,才能操作
        var c=10;
        c="a";


        // 数据类型的变化
        // 强转换  隐式转换

    </script>
posted @ 2020-05-10 21:18  cruor  阅读(167)  评论(0编辑  收藏  举报