js的语法结构
1、js是区分大小写的
var username = '张三';
var userName = '李四';
document.write(username)
document.write(userName)
2、js的标识符和命名规则
标识符:用来定义变量、常量、函数、类等名称
命名规则:
1、标识符可以为字母(采用Unicode编码)、数字、下划线和美元符($),但首字母不能以数字开头
例如:
var username = '张三';
var _userName = '李四';
var $userName = '王五';
var 姓名 = '马六';
var 2username = '李四';【错误】
2、不能使用关键字和保留字
if/break/continue
3、注释方式:
//:单行注释
/* */:多行注释
注意:写程序要加上注释
/****
* 方法的描述
* @param 参数类型 参数名 返回值
* ......
* @ return 返回类型
*/
例如:
/**
* 通过用户id来获取用户年龄
* @param int id 用户id
* @return int
*/
function getAgeById(id){
return 20;
}
4、可选的分号
js中每行语句的结束分号结束【分号可以不加】
建议:强制在每条语句的结尾加上分号
原因:
1、代码量比较大时,不填写分号情况下压缩文件会造成错误
2、让解析器在判断语句是否结束时会影响性能
5、变量的定义
定义变量有3种方式:var、let、const(一般来定义常量)
区别:
1、使用var定义的变量作用域会提升到当前代码块的最顶端,let的作用域仅限于当前代码块
console.log(name);
var name = '张三';
=====
var name;
js调试:
console:控制台,展示打印信息或错误信息
network:展示所有网络请求
css/images/js接口
application:应用 cookie、缓存、数据库
js的三种输出方式:
1、在控制台输出
例如:console.log('Hello World')
2、在浏览器弹出信息
例如:alert('Hello World')
3、在Dom中输出
例如document.write('Hello World')
js的两种交互方式:
corfirm():确定框
//***如果点击确定按钮就弹出确定,否则弹出不确定***//
if(confirm('你确定删除信息吗?')){
alert('确定')
}else{
alert('不确定')
}
prompt():输入框
接收一个参数
var username = prompt('请输入姓名')
document.write(username)
接收两个参数
var username = prompt('请输入姓名')
var age = prompt('请输入年龄')
document.write(username)
document.write(age)
js的两种引入方式:
1、在HTML页面中通过写script标签写js代码
<script>
var username = prompt('请输入姓名')
var age = prompt('请输入年龄')
document.write(username+'的年龄为'+age)
</script>
2、通过script标签中的src属性引入外部js文件
<script src="index.js">
</script>