JavaScript新手小白入门篇（一）

一:JavaScript怎么去使用?

行内JavaScript,标签上去添加JavaScript属性
内部JavaScript,代码放置在script标签中
外部JavaScript,代码放置在script标签中,通过src属性引入
外部模块导入（ES6）

二:JavaScript代码应该放在什么地方?

如果没有特殊的限制,看自己心情，一般情况下,script标签放置在body标签内部的最下面.

三:JavaScript是什么样的语言?

逐行执行
解释型 : 解释一行执行一行例如python
对应的是编译型 :整片的编译,然后再执行例如c c++
弱类型 : 定义变量的时候完全不知道数据类型,数据类型是由变量值来进行决定的
对应的是强类型,定义变量的时候就已经确定了数据类型,并且不能随意的改动数据类型.
例如:java

四:变量

	定义(声明)变量:因为JavaScript属于弱类型,所以定义变量的时候是不需要去管数据类型,就一个字var
	变量名命名规范:
		1.只能是字母,数字,下划线(_),美元符($)
		2.严格区分大小写
		3.不能是数字开头
		4.不能是JavaScript中的关键字和保留字
	var 变量名 = 变量值;

JavaScript 保留关键字
Javascript 的保留关键字不可以用作变量、标签或者函数名。
有些保留关键字是作为 Javascript 以后扩展使用。
在这里插入图片描述

Windows 保留关键字
JavaScript 可以在 HTML 外部使用。它可在许多其他应用程序中作为编程语言使用。
在 HTML 中，您必须（为了可移植性，您也应该这么做）避免使用 HTML 和 Windows 对象和属性的名称作为 Javascript 的变量及函数名：
在这里插入图片描述

五:JavaScript中的数据类型

	基本(简单/原始)数据类型:number string boolean undefined 空(null)
	引用(复杂)数据类型:object array function...

六:数据类型的检测

isNaN：用来判断 一个变量是否为非数字的类型（返回是布尔变量）     
用内置函数:typeof(需要检测的内容)
只能检测(返回)这6种类型:number string boolean undefined object function   
symbol(ES6中新增的数据类型)

实例应用typeof运算分别判断变量的数据类型

var a,b,c,d,e;
a=3;
b="luodi"
c=true
d=undefined
e=null
alert("a的数据类型为"+typeof(a)+"\nb的数据类型为"+typeof(b)+
"\nc的数据类型为"+typeof(c)+"\nd的数据类型为"+typeof(d)+"\ne的数据类型为"+typeof(e))

执行上面的代码，运行结果如下图所示
在这里插入图片描述

七:JavaScript中的输入输出

	alert(输出的内容)  弹出框  工作中基本不用,自己玩玩就行了
	prompt（可输入）
	confirm（输出的内容） 确定：true 取消：false
	console.log(输出的内容)      控制台输出      工作常用
	document.write()

实例三种不同方式的弹窗

alert("alter方式")
prompt("prompt方式")
onfirm("confirm方式")

执行上面的代码，运行结果如下图所示
在这里插入图片描述

八：表达式中的类型转换

实例根据不同数据类型之间的转换规则输出下列表达式

document.write(100+"200")
document.write("<br>")
document.write(100-"200")
document.write("<br>")
document.write(100*"200")
document.write("<br>")
document.write(100/"200")
document.write("<br>")
document.write(100+true)
document.write("<br>")
document.write("100"+true)
document.write("<br>")
document.write(false+true)
document.write("<br>")
document.write("luodi"-100)
document.write("<br>")
document.write("luodi"+100)

执行上面的代码，运行结果如下图所示
在这里插入图片描述

开发小技巧:
数字类型和boolean类型在控制台显示为蓝色
字符串类型在控制台显示为黑色
null和undefined在控制显示为浅灰色