一、js代码常见的的引入方式、输出方式、JS注释：
引入方式：
1、 内部引入：将js代码通过script标签引入HTML文档内部，引入位置：理论上来说可以出现在文档的任意位置，甚至出现于HTML标签外部，但是通常来说，一般写在head标签或body标签内，以及body标签下边，当写在head标签里面时，注意将JS代码放在window.onload()中，也即当页面加载完成时，在执行JS代码。
2、外部引入：<script src="外联.js"></script>
3、程序的执行顺序：a、HTML程序加载顺序 b、js代码执行顺序
输出方式：
-
alert("警告框输出！");
-
console.log("控制台输出!");
-
document.write("文档写入!")
-
//注：文档写入可以是文本也可以是标签，当页面第一次加载时，会按照默认文本流加载，如果再次输出会覆盖掉文档中的所有内容
-
confirm("确认窗输出!");
-
//确认窗输出，有返回值，true/确定，false/取消，可用于再次判确认
-
prompt("请输入****");
-
//提示窗输出，有返回值，返回值为输入的内容
JS注释：
单行注释：// 多行注释：/**/
二、JS变量：
变量：用来存储数据/值的一个容器
命名规则：
1、明确区分大小写 2、不能使用系统关键字/保留字 3、不能以数字开头 4、可以包含数字、字母、下划线、$符号
命名规范：
5、见名知意 6、驼峰命名
三、数据类型：
number：数值型 、string：字符型 、undefined：未定义型/不存在、Boolean：布尔型、object：对象型——五大类型
null：空、 Array：数组——都是object对象型
判断数据类型：typeof consolog.log(typeof "abc") 输出“abc” 的数据类型——string
四、运算符：
1、赋值运算符："=" 用于给变量赋值
2、算数运算符：+ - * / %
注："+" 在两个数字之间进行算术运算，在两个字符串中间进行拼接，当任意一遍出现字符串时则输出字符串
Number(str) +str 将字符串转换为number型数据的两种常见方式，如果字符串为纯数字则转换为对应的数字，若出现字符串，则转换为NaN——>Not a Numebr,但是类型依然为number型
3、复合运算符：+= -= *= /= %= ++ --
自增自减运算符：运算符在前先赋值在运算，运算符在后先运算再赋值
4、关系运算符：< > <= >= == === != !==
== 表示等式两边值相等 === 表示等式两边值与类型对应相等
注：表示大小的要比表示等于的优先级高
注意下面两个例子：
-
var br="123"<"3"
-
//结果为true,按每一位去比较，有结果后就停止比较
-
var br="age"<"By"
-
//结果为false，大写字母的字符编码小于小写字母的字符编码
在比较数值与字符串时，字符串会被转换为数值，在以数值的方式与另外一个数值比较，但是字母"a"不能转换成数值，转换后为NaN,任何数值与NaN比较都为false，包括NaN与NaN比较
5、逻辑运算符
&&与/且：需要两边都为true才成立
||或：两边任意一边为true则成立
！非：将得到的值取反
看看下面几个例子：
-
var a=10,b=5,c=6;
-
var x=a>b&&b>c;
-
console.log(x); //false
-
var y=a<b||b<c
-
console.log(y) //true
-
console.log("t"&&"") //空
-
console.log("t"&&"f") //f
-
console.log((a-1)&&(b+=20),b) //25,25
-
console.log((a-10)&&(b+=20),b) //0,5
-
console.log("t"||""); //t
-
console.log(undefined&&NaN) //undefined
-
console.log(undefined||NaN) //NaN
注：与运算：当第一个运算子的布尔值为true时，返回第二个运算子的的值(这里是指值不是布尔值)，当第一个运算子的布尔值为false时，返回第一个运算子的值，不再对第一个进行求值，这种跳过第二个运算子的机制称为短路。
或运算：如果第一个运算子的布尔值为true，则返回第一个运算子的值，且不再对第二个运算子求值；如果第一个运算子的布尔值为false，则返回第二个运算子的值。
5.三目运算符：表达式1？表达式2:表达式3 如果表达式成立，执行表达式1，否则执行表达式2，基本所有的if...else...代码块都可以转化为三目运算符
原文地址：https://www.cnblogs.com/cxdwy/p/9588473.html