JS基础语法

书写语法

  • 区分大小写:与Java一样,变量名、函数以及其他任何一切东西都是区分大小写的
  • 每行结尾的分号可有可无,建议写上
  • 注释
    • 单行注释: //
    • 多行注释:/* */
  • 大括号表示代码块

输出语句

一: window.alert写入警告框


window.alert('hello  1');

二:document.write()写入HTML输出

document.write('hello  2');

三:console.log()写入浏览器控制台

console.log('hello  3');

变量

var

特点

  1. 作用域比较大,属于全局变量
  2. 可以重复定义 下面定义的变量覆盖上面的
  // var定义变量
  var a=10;
  a="张三";
  alert(a);

  // 特点:1.作用域比较大,属于全局变量
  {
    var x =1;
  }
  alert(x);
  // 特点:2.可以重复定义 下面定义的变量覆盖上面的

  {
    var y=1;
    var y=2;
    alert("y="+y);
  }


</script>

let定义变量

// let定义变量
  /**
   * 1.局部变量
   * 2.不能重复定义
   */
  {
    let y=1;
    // let y=2; 报错
    alert("y="+y);
  }
   alert(y); // 拿不到

const

常量,不能被改变

  // const :常量,不能被改变
  const pi=3.14;
  // pi = 3.15;  //报错
  alert(pi);

数据类型、运算符、流程控制语句

数据类型

  • 原始类型
  • 引用类型
    • number:数字(整数、小数、NaN)
    • string:字符串、单双引皆可
    • boolean:布尔。true\false
    • null:对象为空
    • undefined:当声明的变量未初始化时,该变量的默认值是undefined
  • typeof:获取数据类型

运算符

==和===

  • ==
    会进行类型转换,比较的是值
  • ===
    不会进行类型转换,只要类型不同直接返回false

类型转换

  • 字符串转换为数字
    • Numbes:0和NaN为false,其他均转为true.
    • String:空字符串为false,其他均转为true。
    • Null和undefined :均转为false。

<!--数据类型-->
<script>
  // 原始数据类型
  alert(typeof 3);//number
  alert(typeof 3.14);//number


  alert(typeof 'A'); //string
  alert(typeof "AAAA");//string

  alert(typeof true);//boolean
  alert(typeof false);//boolean

  alert(typeof null);//object代表一个对象

  let m;
  alert(typeof m);//undefined

//类型转换--其他类型转为数字
  alert(parseInt("12"));//12
  alert(parseInt("12A34"));//12
  alert(parseInt("A12"));//NaN

  //其他类型转换为boolean
  //数字-->boolean
  if(0){ //false
    alert("0转换为false");
  }
  if(NaN){ //false
    alert("NaN转换为false");
  }
  if(-1){ //false
    alert("除0和NaN外其他数字都转换为true");
  }
//字符串-->boolean
  if(""){//false
    alert("空字符串为false,其他都是true");
  }

  //null和undefined-->boolean  false
  if(null){
    alert("null为false");
  }
  if(undefined){
    alert("undefined为false");
  }


</script>
posted @ 2023-04-08 10:21  流浪猫老大  阅读(23)  评论(0)    收藏  举报