JavaScript入门（介绍及入门编程）
Posted 韶光不负
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript入门（介绍及入门编程）相关的知识，希望对你有一定的参考价值。
看到这篇文章，希望能给大家一个具体的javascript的概率，来了解了解JavaScript的出现与经历，如果文章对你学习JavaScript有帮助不要忘了点赞，关注加评论哦。
目录
JavaScript是什么？
JavaScript是一门面向对象的、弱数据类型、解释性、动态的脚本语言，简称js。诞生于1995 年，ECMAScript标准在1997年第一次制定。JavaScript 是一种具有面向对象能力、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要目的是，验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。
学习JavaScript有什么用？
-
数据校验（ js 就是为这个诞生的）
-
网页特效（JavaScript 的主要的作用，可以对网页的元素动态编程。 目前主要的使用场景）
-
数据交互（主要指 Ajax 技术）
为什么要学习JavaScript？
当代许多的网页都使用（h5+css+js)进行设计，如果想走向前端就必须会这些基础。当然如果你对网页感兴趣，js也是必不可少的。技多不压身，总有一些东西你可能就会需要。
JavaScript的历史：
大概在
1992
年，一家称作
Nombas
的公司开发了一种叫做
C
减减（
C-minus-minus
，简称
Cmm
）的嵌入式脚本语言。
Cmm
背后的理念很简单：一个足够强大可以替代宏操作（
macro
）的
脚本语言，同时保持与
C
（和
C ++
）足够的相似性，以便开发人员能很快学会。这个脚本语言捆
绑在一个叫做
CEnvi
的共享软件中，它首次向开发人员展示了这种语言的威力。
Nombas
最终把
Cmm
的名字改成了
ScriptEase
，原因是后面的部分（
mm
）听起来过于消极，同时字母
C “
令人害
怕
”
。现在
ScriptEase
已经成为了
Nombas
产品背后的主要驱动力。
Netscape
发明了
JavaScript
当
Netscape Navigator
崭露头角时，
Nombas
开发了一个可以嵌入网页中的
CEnvi
的版本。这
些早期的试验被称为
Espresso Page
（浓咖啡般的页面），它们代表了第一个在万维网上使用的客
户端语言。而
Nombas 丝毫没有料到它的理念将会成为万维网的一块重要基石。
就在
Netscape Navigator 2.0
即将正式发布前，
Netscape
将其更名为
JavaScript
，目的是为了利
用 当年
Java
这个因特网时髦词汇。
Netscape
的赌注最终得到回报，
JavaScript
从此变成了因特网
的必备组件。
JavaScript的入门编程
第一个程序的开始（你好，JavaScript）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js</title>
<script>
alert("hello，JavaScript")
</script>
<link />
</head>
<body>
</body>
</html>
js的书写方式（三种）
1，行内js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js</title>
</head>
<body>
<button onclick="alert('你想干嘛？');alert('我不想干什么')">想什么呢</button>
</body>
</html>
2,网页内嵌js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js</title>
</head>
<body>
<script> alert('hello JavaScript， I am coming！！！'); alert('点你一下咋地？'); </script>
</body>
</html>
3，外联ks文件（一般情况下，都使用这种方式）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js</title>
<script src="js/index.js"></script>
</head>
<body>
</body>
</html>js对话框（警告框、确认框、输入框 )
|
alert
| 警告框 |
|
confirm
| 确认框（当选择取消是传入为noll) |
|
prompt
| 输入框 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js</title>
<script>
alert("你好，你是谁？")
confirm("你确定好了吗？确定加肯定吗？")
prompt("请输入一个数：")
</script>
</head>
<body>
</body>
</html>
如何定义变量,常量
const VERSION = "1.0"
//const VERSION 定义常量 ,常量定义后不能修改
console.log(VERSION)| 定义语法 |
|
var
变量名称
=
变量值
|
|
变量名只能有有效符号组成（大小写字母、数字、下划线
_
、
$
）
|
|
变量名不能以数字开头
|
|
变量名不能使用关键字或者保留字
|
|
变量名最好有意义，如年龄使用
age
|
|
变量名应当尽量遵循小驼峰法名称，如
userName
、
classRoom
等，当然下划线法也行，
如
user_name
。但是建议跟官方保存一致，使用小驼峰法，类的名称使用大驼峰法。
|
gender = prompt("请输入您的性别：", "男")
//定义变量 第二个参数代表默认值，可写可不写
console.log(gender)
//在操作台上显示
数据类型
|
数值类型(int 整数,float 浮点数)
|
|
布尔类型(boolean): (1,true 2,false)
|
| 字符串(string) :单引号,双引号,在js中还可以使用一对反引号 |
| 空(null) |
|
未定义（
undefined
、空的特殊表现）
|
|
不是数字（
NaN - Not a Number
） :判断是不是数值
|
| 数值(array) |
| object(对象) |
js运算符:(+,-,*,/,%,**)
(++i,--I,i--,i++)区别++,--在前的优先级高仅次于括号,++,--在后的优先级低,比=还低,先赋值在-
//三目运算
var a = 100
var b = 30
let c = a > b ? 100 : 1000
//如果c=a输出100, 如果a>b 输出1000
alert(c)
js的流程控制(顺序,选择,循环)
顺序:从左指向右,从上到下
| 单分支 | if {} elsr{} |
| 双分支 | if{} elseif{}else{} |
| 多分支 | if{} elseif{}elseif{}...else{}或者使用switch语句 |
| for循环 | for(i=o;i>10;i++) |
| while循环 | while(i>10){ ++I} |
| do while 循环 |
do
{
console
.
info
(
i
);
i
++
;
}
while
(
i
<
100
);
|
|
break
、
continue
跳转语句
|
break
关键字的作用是结束
switch
语句，在循环中，
break
是打断当前
循环，结束循环的作用，
continue
关键字是跳过本次循环，进入下次循环。
|
循环加强(for in 与for of)
在
JavaScript
中，还提供了一种
for in
的循环，用来迭代数组或者对象，需要注意的是，迭代的变量如果是数组，则返回的是数组下标，而如果是对象的，返回的是对象的属性名称。
// arr是JavaScript中数组
var arr = [1, 3, 454, 5, 6, 77]
for (var i in arr) {
// i 是数组的下标
console.info(arr[i]) }
// 创建一个对象
var obj = new Object();
// 为对象属性赋值
obj.name = "xxx"
obj.age = 18
obj.gender = "男";
for (var i in obj) {
// i 是对象的属性
console.info(obj[i]) }
JavaScript
提供了一种
for of
的循环，这种事
for in
循环的升级体，主要用来迭代可迭代对象 --
iterable
。
// arr是JavaScript中数组
var arr = [1, 3, 454, 5, 6, 77]
for (var i of arr) {
console.info(i)
}
以上是关于JavaScript入门（介绍及入门编程）的主要内容，如果未能解决你的问题，请参考以下文章