什么是--js
js全称:javascript,是一个运行在客户端浏览器的【解释型】【弱类型】【面向对象】脚本语言
介绍
-
解释型: 在运行程序之前,不需要检查语法是否正确,直接运行,碰到错误就会停止后续代码 - 更加自由
-
弱类型和强类型
- 弱类型:变量保存的数据是随意可以,数据类型由数据来决定 - 更自由
- 强类型:变量保存的数据,由数据的类型来决定 - Java
- 面向对象 - 很难
- 以后可能会经常见到这种写法:
- 对象名.属性名
- 对象名.方法名();
特点
- 可以使用一切编辑工具编写JS代码,编辑器不代表你的实力...
- 解释型
- 弱类型
- 面向对象
- 可以做一切css完成不了的效果(轮播、选项卡、购物车、验证...)
如何使用js
使用方式:2种
- 直接在HTML中写一个script标签,在里面书写内容--一般上课使用
<script>js代码内容</script>
- 首先创建一个xx.js文件,然后引入到HTML中,以后写项目用
<script src="xx.js">
只要有src属性在,此处不可以在书写代码了
</script>
输出方式/打桩输出/检查错误:3种
- 在控制台输出日志:console.log(你想要输出的东西);//console控制台 log日志
- 在页面上输出日志:document.write(你想要输出的东西);//document文档 write写入 - 支持标签,缺点:如果以后学会了绑定事件里面有document.write这句话,那会替换掉整个页面
- 在弹出框输出日志:alert(你想要输出的东西);//会卡主整个页面,导致用户只能看到白板 变量和常量:
- 变量:创建后,值可以再次修改
- 何时使用:以后反复使用到的数据,都要提前把他保存在一个变量中,以后使用变量名,相当于就是在使用变量的值
- 如何使用:var 变量名=值; 特殊:
- 变量名其实不是随意的
- 不能以数字开头
- 建议下划线命名法或驼峰命名法
- 命名要尽量得见名知意
建议用英文取名字(不会可以用百度翻译)
- 如果你的变量名是name,不管你保存的数据类型是什么,都会悄悄的给你变成一个字符串
- 变量名不能是关键字(具体的关键字后面会遇到) 常量:创建后,值不允许修改
语法:const 常量名=值;
算数运算符:+ - * / %
跟小时候学的一模一样,但是:
- %:取余,俗称模,两个数相除,取余数
- 特殊:+运算,如果左右两边都是一个数字,直接+在一起了但是如果左右两边有一个是字符串,则+运算,不再是+运算,变为了拼接操作
数据类型:分为两大类:
- 原始/基本/值类型:5个
- Number - 数字,取值:有无数个
- String - 字符串,取值:有无数个
- Boolean - 布尔,取值:true(真、对) 和 false(假、错),往往都是用于做判断操作的时候的一个结果
- Undefined - 取值:undefined,创建了一个变量,但是没有赋值,默认值为undefined,undefined用来做一切操作都是要不得的
- Null - 空,取值:null,你不用的变量,可以进行释放,节约我们的内存空间。
- 引用/对象类型:11个对象(很多很多属性和方法)
扩展:
- 用户输入框:var user=prompt("提示文字");
- 分支结构:判断条件的不同选择对应的代码去执行,执行了一条路就不会再走别的路 如何使用:
if(条件){
满足上面条件时,做的操作
}else{
不满足上面条件时,执行这项操作
}
特殊:
- else if有几句看你的需求
- 最后else可以省略不写,如果不写,条件都不满足,那什么事都不会执行
- 书写判断你的顺序也是需要根据需求来注意的