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 @   流浪猫老大  阅读(15)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示