本文详细介绍了JavaScript的三种代码引入方式，包括行内式、内嵌式和外链式。此外，涵盖了输入输出语句、变量声明（var、let、const）、数据类型（简单与复杂）、运算符（算术、赋值、比较、逻辑和三元），以及流程控制中的if语句和多分支结构。
一.JavaScript基本使用
1.JavaScript代码引入方式
a.行内式：将JavaScript代码作为HTML标签的属性值使用，示例如下
b.嵌入式（内嵌式）：使用<script>标签包裹JavaScript代码，直接编写到HTML中，通常将其放到<head>标签或<body>标签中。
c.外链式(外部式):指将 JavaScipt 代码写在一个单独的文件中，一般使用“js”作为文件的展名,在HTML 页面中使用<scripb>标签的 src 属性引人“js”文件。外链式适合 JavaScrpt 代码量较多的情况。在HTML 页面中引入“js”文件。例如将html页面中引入“js”文件。如下
二.[输入输出语句]
1.常用的输入输出语句如下：
2.输出语句
在浏览器中弹出警告窗-alert("文本")，示例如下：
alert("hello javascript")
用于在控制台中输入信息-console.log("文本")，示例如下：
console.log('1111');
用于在网页中输出内容-document.write("文本")，示例如下：
document.write("三月请对我好一点")
3.输入语句
在网页中弹出一个输入框-prompt("文本")，示例如下：
prompt("请输入姓名")
在网页中弹出一个确认框-confirm("文本")，示例如下：
confirm("你真满十八岁了吗")
三.基本语法
1.变量的声明与赋值
(1)声明变量，示例如下：
var boy;
var girl;
console.log(boy); //undefined(未定义的)
console.log(girl);
(2)为变量赋值，示例如下：
boy = "jack";
girl = "lily";
console.log(boy);//jack
console.log(girl);//lily
2-声明的同时并赋值，示例如下：
var myAge = 12;
var myHeight =178;
console.log(myAge);
console.log(myHeight);
(1).let声明变量
let是ES6引入的关键字，用来替代var关键字
(ES6指的是2015年推出的ECMAScrip语法)
var boyFriend = "aaa"
var boyFriend = "bbb"
var boyFriend = "c"
console.log(boyFriend);
let girlFriend = "d"
girlFriend = "e"
let不能相同名字，俺可以修改，也可以用花括号
console.log(girlFriend);
{let girlFriend = "fff"}
(2).const声明变量
let和var的变量可以改变
const的变量不能改变是常量，必须要在声明时候赋值
const a = 3.14
a = 3.15
console.log(a);---这里不会报错单运行是会报错
正确写法
const a = 3.14
console.log(a);
3.变量声明区别
(1)初始化要求不同
使用var和let声明变量时可以先不初始化，
而使用const声明变量时必须初始化。
(2)重复声明不同
使用var和let声明的变量可以多次被修改,
其值只与最近一次赋值一致，而使用const声明的变量,
在整个运行过程中不能修改初值
(3)对块级作用域的支持不同
使用一对花括号括起来的代码称为一个代码块所谓块级作用域，
就是指变量起作用的范围是当前代码块，离开当前代码块，变量就失效了。
使用var声明的变量支持全局作用域，使用let和const声明的变量支持块级作用域。
四.数据类型
1.数据类型分类
a.简单数据类型储存在栈内存中
b.复杂数据类型的内容储存在堆内存中，地址储存在栈内存中
2.基本数据类型
a.Boolean--布尔类型,示例如下：
let flag1 = true; let flag2 = false; //True False TRUE FALSE都是错误的 console.log(flag1); let flag3 = "true" console.log(flag3)
c.numbr-数字型,示例如下：
let age = 18; let date = "0306"; console.log(age) console.log(date) console.log(Number.MAX_VALUE)//最大值 console.log(Number.MAX_VALUE*2)//无穷大 Infinity var a = 3-"b" console.log(a);//NaN (Not a Number) NaN也属于数字类型 //isNaN判断是否是一个非数字 //如果是数字类型则为false //如果是非数字类型则为true console.log(isNaN(a));//true console.log(isNaN(111));//false console.log(isNaN("abc"));//true console.log(isNaN(Infinity));//false console.log(isNaN("false"));//tc.string-字符串,示例如下：
let demo1 = "字符串" let demo2 = '字符串' let demo3 = `字符串` let demo4 = "'字符串'" console.log(demo1) console.log(demo2) console.log(demo3) console.log(demo4) console.log("111\'22d.undefined-未定义型,示例如下：
// 表面声明变量还未赋值 let grade=undefined; console.log(grade);//undefined
d.null-空,示例如下：
var a =null; console.log(a);//空
3.数据类型检测
(1) isNAN 检测是否是一个非数字
(2) typeof()
(3)布尔类型的true，会在运算中变为1，false会变成0
(4)加号是连接作用
4.数据类型转换
（1）将数据类型转换为布尔类型 Boolean()
a.字符串和数字类型都会转换为布尔类型的true
b. 空字符串转换为布尔类型为false，空格字符串转换为true
c.数字0转为布尔类型false
d.NaN转为布尔类型false
e. underfind转为布尔类型false
f.null转为布尔类型false
(2)将数据转化为字符串类型 String() toString()
(3)将数据转换为数字类型 Nymber()
五.运算符
1.算术运算符
（1).常见的算术运算符如下
(2)常见运算方法如下：
let a = 10;
let b = 20;
加法：
console.log(a + b);
减法：
let c = b - a;
console.log(c);
乘法：
console.log(c * b);
除法
b = b / a;
console.log(b);
取模运算 取余数
console.log(26 % 5);
幂运算
console.log(2 ** 10);//1024
//2*2*2*2*2*2*2*2*2*2
自增运算
var m = 4;
console.log(++m);//5
console.log(m);//5
console.log(m++);//5
console.log(m);//6
console.log(m--);//6
console.log(m);//5
m = 5;
n = ++m;
console.log(m);//6
console.log(n);//5
var x = 1; y = 2
console.log(++x);//2
console.log(x);//2
console.log(y++)//2
console.log(y);//3
p = --q;
console.log(q);//1
console.log(p);//1
q = 2;
p = q--;
console.log(q);//1
console.log(p);//2
var d = 10;
console.log(++d);//11
console.log(d);//11
console.log(d--);//11
console.log(d);//10
02-字符串运算&隐式转换.
console.log(1 + 1);//2
console.log(1 + true);//2
console.log(1 + null);//2
console.log(1 + false);//1
console.log("12" - 0);//12
console.log(undefined * null);//NaN
console.log(Infinity++);//Infinity
console.log(1 + "1");//11
console.log(1 + "null");//1null
console.log(null + "undefined");//nullundefined
var name = "张三";
var age = 18 ;
console.log(name+"的年龄是"+age);
隐式转换：当两个数据类型不同时，JS会按照既定的规则进行转换
字符串运算符：加号遇到字符串做拼接使用
2.赋值运算符
（1）.常见的赋值运算符如下：
（2）.常见的赋值运算符演示如下:
let a = 10;
let b = 20;
let c=a+b;
加等于/加并赋值
a+=b;//a=a+b
console.log(a);//30
console.log(b);//20
a-=b;//a=a-b;
console.log(a);//10
console.log(b);//20
a*=b;
a/=b;
a%=b;
a**=b；
3.比较运算符
(1).常见的比较运算符如下：
（2）.常见的赋值运算符演示如下:
（a） != 不等于
console.log(4!=5);//true
console.log(4!=4);//false
（b）== 等于差不多相等
console.log(4=="4");//true
（c）===全等于
console.log(4==="4");//false
（d）!==不全等于
4.逻辑运算符
(1).常见的逻辑运算符如下：
（2).常见的逻辑运算符演示如下：
扫一扫
1277
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
