1.什么是js?
概述:JavaScript 简称js,是一个运行在客户端浏览器的【解释型】【弱类型】【面向对象】脚本语言
1.语言类型
1.编译型:在运行程序之前,需要先检查语法是否正确,如果不正确,直接不允许运行-严格
2.解释型:在运行程序之前,不需要检查语法是否正确,直接执行,但碰到错误代码时就会停止后续代码,更加自由
2.类型
1.弱类型:变量保存的数据可以随意,数据类型是由数据来决定的 - 更加自由
1 - number 数字
"1" - string 字符串
2.强类型:变量保存的数据,由数据类型决定 -java- 更加的严格
3.面向对象 - 很难
对象名.属性名;
对象名.方法名();
在编程界有一句话:万物皆对象
4.特点:
1.可以使用一切编辑器工具编写js代码
2.解释型
3.弱类型
4.面向对象编程方式
5.可以做一切css完成不了的效果(轮播、选项卡、购物车、验证、数据渲染)
2.如何使用
1.直接在html上写一个script标签,里面书写js代码 <script>js代码</script>
2.外部js,进行引入 - 正式开发时使用
步骤:
1.创建一个.js的文件,里面书写js代码
2.在html页面引入
<script src="js路径">
// 只要引入了js代码,这里的js代码就失效了
</script>
3.js输出方式/打桩输出:
目的:帮助我们检查错误
1.在控制台输出日志:console.log(想要输出/查看的东西); - 在f12中的console显示日志
2.在页面上输出日志:document.write(想要输出/查看的东西); - Document当前文档 - write写入
在页面上输出,支持识别标签 -垃圾- 如果绑定了点击事件后输出,会把页面上原来的HTML和CSS都全部替换掉
3.在弹出框输出日志:alert(想要输出/查看的东西); - 在浏览器自带的弹出框中输出,但弹出框会卡主页面,用户只能看见一个白板 -垃圾-
4.*变量和常量:
1.*变量:创建后,值可以再次修改
何时使用:以后反复使用的数据,都要提前保存在一个变量中,使用变量名就相当于使用变量值
语法:var 变量名=值; =的含义:赋值符号,将右边的东西保存在了左边的变量名之中
注意:
1.变量名不能随便写
1.不能以关键字命名
2.不能以数字开头
3.建议下划线命名法或小驼峰命名法 header news_Header
2.如果你的变量名是name,不管保存的数据是什么数据类型,都会转变成一个字符串
小知识:字符串输出为黑色,数字输出为蓝色
3.多个变量创建可以简写:
var 变量名1=值1,变量名2=值2...;
2.*常量:创建后,值不可以再次修改,只能设置一次值
语法:const:常量名=值;
扩展知识:
用户输入弹出框:
var user=prompt("提示文字","默认值")
5.*算数运算符:+ - * / %
1.%:取余,俗称模,不取商,取余数
固定套路:
1.判断奇偶性:num%2
2.获取一个数字的倒数n位:num%10^n 1234%10 --> 4
2.*****特殊:运算符(不止算术运算符)具有隐式类型转换(悄悄转换),默认转为数字再运算
+运算:如果左右两边但凡出现一个字符串,那么两边都悄悄转为字符串,+运算将不再是+运算,而是字符串的拼接
- * / %:字符串也可以转为数字,但前提是必须是纯数字组成的字符串,
如果字符串包含了非数字字符,直接转为NaN(No a Number),但却是一个数字
1.NaN参与任何算术运算,结果仍为NaN
2.NaN参与任何比较运算,结果都是false
6.*数据类型:两大类
1.原始/基本/值类型:5个
1.Number-数字,取值:无数个
2.String-字符串,取值:无数个,必须写上 ' '或" "
3.Boolean-布尔,取值:两个,true/false --往往用于判断比较的真假
4.Undefined-取值:1个,undefined,创建了一个变量,但是没有赋值,默认值为undefined&