JavaScript基础语法（⼀）
⽬录网页设计html代码翻译
传送门 ——> 、、、
前⾔
历史：布兰登.艾奇（1961~），在1995年中利⽤10天完成了JavaScript的设计
JavaScript是世界上最流⾏的语⾔之⼀，是⼀种运⾏在客户端的脚本语⾔（ Script是脚本的意思)脚本语⾔：不需要编译，运⾏过程中由js 解释器(js 引擎）逐⾏来进⾏解释并执⾏。现在也可以基于Node.js技术进⾏服务器端编程
解释型与编译型语⾔
JS属于解释型语⾔。
计算机不能直接理解任何除机器语⾔以外的语⾔，所以必须要把程序员所写的程序语⾔翻译成机器语⾔才能执⾏程序。程序语⾔翻译成机器语⾔的⼯具，被称为翻译器。
翻译器翻译的⽅式有两种:⼀个是编译，另外⼀个是解释。两种⽅式之间的区别在于翻译的时间点不同
编译器是在代码执⾏之前进⾏编译，⽣成中间代码⽂件
解释器是在运⾏时进⾏及时解释，并⽴即执⾏(当编译器以解释⽅
js作⽤
表单动态校验（密码强度检测）(JS产⽣最初的⽬的)
⽹页特效
服务端开发(Node.js)（现在前后端通吃了）
桌⾯程序(Electron)
App(Cordova)
控制硬件-物联⽹(Ruff)
游戏开发(cocos2d-js)
我们都知道前端三⼤件为html，css，js，js⽤来实现业务逻辑和页⾯控制，相当于实现⼈的各种动作
浏览器执⾏JS的过程
浏览器分成两部分∶渲染引擎和JS引擎
渲染引擎∶⽤来解析HTML与CSS，俗称内核，⽐如chrome浏览器的blink，⽼版本的webkit
JS引擎：也称为JS解释器。⽤来读取⽹页中的JavaScript代码，对其处理后运⾏，⽐如chrome 浏览器的V8
浏览器本⾝并不会执⾏JS代码，⽽是通过内置JavaScript引擎(解释器)来执⾏S代码。JS引擎执⾏代码时逐⾏解释每⼀句源码（转换为机器语⾔），然后由计算机去执⾏，所以JavaScript 语⾔归为脚本语⾔，会逐⾏解释执⾏。
即浏览器通过JS引擎将js这种⾼级语⾔逐⾏转换为计算机能识别的机器语⾔
js组成
ECMAScript是由ECMA国际（原欧洲计算机制造商协会）进⾏标准化的⼀门编程语⾔，这种语⾔在万维⽹上应⽤⼴泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMAScript语⾔的实现和扩展。
ECMAScript : ECMAScript规定了JS的编程语法和基础核⼼知识，是所有浏览器⼚商共同遵守的⼀套JS语法⼯业标准。我们接下来学习的就是JavaScript语法。
即 js = ECMAScript(基础语法) + DOM + BOM 组成
JS写法
js写法有三种
⾏内式，即直接写在html元素中
内嵌式也写在html页⾯中，只不过⽤<script>xxx</script>进⾏包裹
外部式，通过<script src='js.js'></script>将外部的js⽂件进⾏引⼊
js注释
<script>
//单⾏注释
/*多⾏注释*/
</script>
html注释：<!-- xxxx -->
php注释：//
python注释： #
JS输⼊输出语句
为了⽅便信息的输⼊输出，JS中提供了⼀些输⼊输出语句，其常⽤的语句如下∶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js练习</title>
</head>
<body>
<script>
//这是⼀个输⼊框
prompt("请输⼊年龄");
//alert弹出警⽰框，展⽰给⽤户的
alert('计算的结果是');
//console.log，给程序员测试⽤的
console.log('我是程序员能看到的');
</script>
</body>
</html>
弹出输⼊框
console.log
js变量
var age;      //声明⼀个名称为age的变量，变量名区分⼤⼩写
var是⼀个JS关键字，⽤来声明变量( variable变量的意思)。使⽤该关键字声明变量后，计算机会⾃动为变量分配内存空间，不需要程
序员管
age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间
声明变量并赋值，称为变量的初始化
<script>
var name = "cc";
console.log(name);    //控制台输⼊变量值
</script>
案例1：
浏览器弹出输⼊框，⽤户输⼊内容后将该内容进⾏弹窗
<script>
var name = prompt('请输⼊姓名');
alert(name);
</script>
同时声明多个变量时，只需要写⼀个var，多个变量名之间使⽤英⽂逗号隔开。
var age = 10,name = 'zs', sex = 2;
案例2——两变量值交换
需要⼀个临时变量作为缓冲
<script>
var temp;
var apple1 = "青苹果";
var apple2 = "红苹果";
temp = apple2;
apple2 = apple1;
apple1 = temp;
console.log(apple1);  //输出红苹果
console.log(apple2);  //输出青苹果
</script>
数据类型
在计算机中，不同的数据所需占⽤的存储空间是不同的，为了便于把数据分成所需内存⼤⼩不同的数据，充分利⽤存储空间，于是定义了不同的数据类型。
变量是⽤来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是⼀种弱类型或者说动态语⾔。这意味着不⽤提前声明变量的类型，在程序运⾏过程中，类型会被⾃动确定。像python⼀样不需要声明变量类型
在代码运⾏时，变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的，运⾏完毕之后，变量就确定了数据类型。
JavaScript拥有动态类型，同时也意味着相同的变量可⽤作不同的类型:
var x = 6;                      //x为数字类型
var x  = "Bi11";            //×为字符串类型
1. 数据类型分类
JS把数据类型分为两类：
简单数据类型（ Number, string，Boolean , Undefined，Null )
复杂数据类型( object)
在js中⼋进制前⾯加0，⼗六进制前⾯加0x
lnfinity ，代表⽆穷⼤，⼤于任何数值
-Infinity，代表⽆穷⼩，⼩于任何数值
NaN ，Not a number，代表⼀个⾮数值
typeof 输出数据类型
<script>
var age = '12';
console.log(typeof age);  //输出string
</script>
2 isNaN
判断是否⾮数字，是数字返回false，不是返回true
console.log(isNaN(12));  //返回false
3. 字符串型
字符串使⽤单引号或者双引号包裹，因为HTML标签⾥⾥⾯的属性使⽤的是双引号，所以js推荐使⽤单引号
4. 字符串转义符
类似HTML⾥⾯的特殊字符，字符串中也有特殊字符，我们称之为转义符。转义符都是\开头的，常⽤的转义符及其说明如下:
5. 字符串长度
获取字符串的长度 length
<script>
var uname = "sdfsfddsf df ";
console.log(uname.length);
</script>
python中是len(字符串)
6. 字符串拼接
多个字符串之间可以使⽤＋进⾏拼接，其拼接⽅式为 字符串＋任何类型=拼接之后的新字符串 。即拼接的字符中只要有字符串类型，那么拼接后就是为字符串类型
拼接前会把与字符串相加的任何类型转成字符串，再拼接成⼀个新的字符串

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。