2021-05-29

js基础入门

1.js简介

1.1 js的概念

简称js，是运行在 javascript解释器 或者 特定引擎中的解释型弱类型面相对象脚本语言；

解释型：运行代码之前不需要检查语法是否正确，直接运行，碰到错误就停止了，比如js、php；

编译型：运行代码之前需要检查语法是否正确，如果语法不正确，直接不能运行，比如java/c/c++/c；

1.2 js的特点

• 代码可以用任何文本编辑器编写（HB、vscode、记事本）；
• 无需编译，由js解释器自动运行；
• 弱类型语言：是由 数据 决定了 数据类型 - 更自由；
• 面向对象（属性和方法）的脚本语言；

           对象名.属性名;  /  对象名.方法名();

1.3 js的用途

• 客户端的数据的计算（购物车）
• 表单的数据验证（手机号验证、邮箱验证、密码验证、身份证号验证...）
• 浏览器的事件处理（点击、双击、右键、鼠标、键盘...）
• 所有css能做的js也能做，css不能做的js还能做
• 和服务器端进行交互ajax

1.4 使用js(2种引入方式)

1、直接将js写在html的script标签中：<script>书写你自己的js代码</script>

2、正式开发使用：内容（html）、样式（css）、行为（js）分离

<script src="xx.js">

使用了引入的方式，就不能在此处写你的js代码了

</script>

1.5 js的调试语句(输出方式)：

代码在运行时，如果碰到了逻辑错误，并不会报错，但是结果不是我们想要的结果，需要使用调试语句进行打桩输出。

1.console.log(放着你想要放的东西),在f12的console控制中输出

2.alert(放着你想要放的东西);

在一个弹出框里面输出，会卡主整个HTML，必须关闭后html才能看得到

3.document.write(放着你想要放的东西);

在网页上body输出，如果绑定在事件中，替换掉你写的所有html和css

 

1.6 js的语法规范

• 区分大小写
• 每行代码结束的分号可加可不加,建议都加
• 单行注释和多行注释