JavaScript基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/hackermengzhi/article/details/119331078

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
 <!--
  <script type="text/javascript" src="script.js"></script>
  -->

  <script type="text/javascript">
    /*
  多行注释
  1、JS中严格区分大小写
  2、JS中每一条语句以分号结尾
   -如果不写分号，浏览器会自动添加，但是会消耗系统资源，而且有些时候会加错分号，所以在开发中分号必须写。
   3、JS中会忽略多个空格和换行，利用空格和换行对代码进行格式化
  */
   //单行注释
    /*
    字面量：不可改变的值（常量），可以直接使用
    变量 用来保存字面量
    标识符
    在JS中所有可以由我们自主命名的都可以称为是标识符
    例如：变量名、函数名属性名都属于标识符
    命名一个标识符需要遵守如下的规则
      1。标识符可以有字幕数字，-，$
      2。标识符不能以数字开头
      3。不能是关键字或保留字
      4。标识符一般采用驼峰命名法
          首字母小写，每个单词开头字母大写，其余字母小写 eg:helloWorld
       -JS底层保存标识符时实际上是采用的Uni编码
       所以理论上讲所有utf-8都可以作为标识符
     */
    //声明变量
    var a;
    var 锄禾日当午 = 789;
    console.log(锄禾日当午);//千万不要这么用
    console.log(a)//默认值undefined 没声明直接报错
    /*
    数据类型就是字面量类型，在JS中一共有六种数据类型
    String 字符串
    Number 数值
    Boolean 布尔值
    Null 空值
    Undefined 未定义
    基本数据类型
    Object 对象
    引用数据类型
     */
    /*
    String字符串 在JS中字符串用引号引起来“ ”，‘ ’，但是不要混着用，同类引号不能嵌套
    字符串中可以用\作为转义字符，表示特殊符号时可以用\进行转义
     */
    var str= "hello";
    str="nihao";
    /*Number 在JS中所有数值都是Number类型包括整数和浮点数
    可以用typeof来检查变量类型 typeof var
    NaN=Not A Number Infinity无穷
    如果使用JS进行浮点运算，可能得到一个不精确的结果
    不要用JS进行高精度运算
     */
    console.log(typeof str);
    console.log(Number.MAX_VALUE);
/*
Boolean 布尔值
True False
 */
/*
调用被转换类型的toString方法
 方式一 调用xxx的yyy（）方法 xxx.yyy（）
 null和undefined没有tostring方法 会报错
 方式二 调用string函数（）
 转number
 方式一 调用Number（） 转成数字或NaN 空串转0
 调用parseInt（）可以将一个字符串中有效的整数内容取出来转为number，第二个参数指定进制
 parseFloat()同理
 非string先转string再操作
 0x开头Hex 0开头Oct 0b开头bin
*/
 /*
 boolean()转布尔 除了空串，null和undefined都是true
 对象也会转为true
  */
    var a=123;
    a= a.toString();
    alert('这是一个信息框');
    document.write("这是向body中写文本");
    console.log("这是向控制台写文本");
  </script>
</head>
<body>
<!--
<button onclick="alert('按钮+信息框')";>点我</button>
<a href="javascript:alert('点啊');">haha</a>
-->

<!--自增运算
a++后自增 ++a先自增
a=1 b=a++ b=1
b=++a b=2
-->

</body>
</html>